>HTML編輯筆記2
1.列表
①無序列表
<ul>
<li>XXX</li>
<li>XXX</li>
</ul>
②有序列表
<ol>
<li>XX</li>
<li>XX</li>
</ol>
③定義列表
<dl>
<dt></dt> //聲明列表項
<dd></dd> //列表項
</dl>
註意:li獨占一行
2.表格
<table> //表格
<tr> //行
<td colspan="" rowspan=""></td> //單元格
</tr>
</table>
註意:colspan:表示本單元格所占列數
rowspan:表示本單元格所占行數
3.視頻
<video src="視頻路徑" constrols></video>
推薦使用:
例:
<video controls>
<source src="xx.mp4" type="video/mp4"/>
<source rc="xxx.webm" type="video/webm"/>
</video>
4. 音頻
<audio src="音頻路徑" controls></audio>
推薦使用:(能夠兼容更多瀏覽器)
<audio controls>
<source src="xx.mp3" type="audio/mp3"/>
<source src="xxx.ogg" type="audio/ogg"/>
</audio>
註意:a.視頻和音頻標簽都存在瀏覽器的兼容問題,使用的時候,盡量使用推薦的方式
b.controls表示顯示播放控制(如:開始,暫停等).還有其他的類似屬性參考其他資料.
5.結構化元素
<header> //表示網頁的頭部
<footer> //表示網頁的尾部
<section> //表示網頁的獨立區域
<article> //表示文章
<aside> //表示相關內容或應用(側邊欄)
<nav> //導航
6.網頁結構
<header></header> //頭部
<section></section> //主體
<footer></footer> //尾部
7.iframe內聯框架
語法:<iframe src="頁面地址" name=""/>
實現內聯:
第一步:定義iframe
<iframe src="" name="mn"/>
第二步:定義超鏈接並指定超鏈接內容要放置的地方(由target指定).
<a href="" target="mn">XX</a>
>HTML編輯筆記2