代碼筆記5
代碼第一單元結束 開始第二單元 學了列表
列表分為無序列表和有序列表
1.無序列表<ul>
<li>xxxxxxxx</li>
<li>xxxxxxxx</li>
</ul>
2.有序列表<ol>
<li>xxxxxx</li>
<li>xxxxx</li>
</ol>
3.定義列表<dl>
<dt>水果</dt> 聲明列表項
<dd>蘋果</dd> 列表項
還學習了表格
1.表格
<table> <table border="1px">
行 <tr></tr>
單元格 <td></td>
<td>1-1</td>
<td>1-2</td>
<td cosplan="rowspan"></td> 單元格
註意:(1)colspan:表示本單元格所占的列數
(2)rowspan:表示本單元格所占的行數
還牽涉到了視頻和音頻的網頁制作 放的是求求中秋節給我們發的視頻 歌曲就是小驕傲的新歌 sheep
1.視頻
<video src="視屏路徑" controls></video>
推薦使用:能夠兼容更多的瀏覽器
<video controls>
兩種路徑
(1)<source src="xx.mp4" type="video/mp4"/>
(2)<source src="xx.webm" type="video/webm"/>
2.音頻
<audio src="音頻路徑" controls></audio>
推薦使用:能夠兼容更多的瀏覽器
<audio controls>
<source src="xx.mp3" type="audio/mp3"/>
<source src="xx.ogg" type="audio/ogg/>
註意:a.視屏和音頻標簽都存在著瀏覽器的兼容問題,使用的時候,盡量使用推薦的方式
b.controls表示顯示播放控制(如:開始,暫停等)還有其他的類似屬性參考其他資料
3.結構化元素
<header> 表示網頁的頭部
<footer> 表示網頁的尾部
<section> 表示獨立區域
<article> 表示文章
<aside> 表示相關內容或應用
<nav> 表示導航
4.網頁結構
<header></header> 頭部
<section></section> 主體
<footer></footer> 尾部
5.iframe 內聯框架
語法<iframesc="頁面地址" name=""/>
實現內聯
第一步:定義iframe
<iframe src="" name="mn"/>
第二步:定義超過鏈接並指定鏈接內容要放置的地方
(由target)
<a href="" target="mn">xx</a>
代碼筆記5