HTML中下文、表格與媒體元素的說明

列表：有三種，有序列表，無序列表，定義列表
1.有序列表：<ol></ol>
列表項(xiàng):<li></li>
要顯示的內(nèi)容寫在li里面，不要寫在li的外面
有序列表在每個(gè)列表項(xiàng)前面都有排序，
排序方式可以通過在ol標(biāo)簽中設(shè)置type屬性
例如:<ol type="a"></ol>:使用英文字母排序
<ol type="i"></ol>:使用羅馬數(shù)字排序
<ol type="1"></ol>:使用阿拉伯?dāng)?shù)字排序，默認(rèn)的

2.無序列表：<ul></ul>
列表項(xiàng)：<li></li>
要顯示的內(nèi)容寫在li里面，不要寫在li的外面
無序列表每個(gè)列表項(xiàng)前面都有符號(hào)
去除符號(hào)就在type里面設(shè)置none
例如：<ul type="square"></ul>:實(shí)心方塊
<ul type="circle"></ul>:空心方塊
<ul type="none"></ul>:去除符號(hào)

3.定義列表:<dl></dl>
列表項(xiàng):<dt></dt><dd></dd>
dt是列表標(biāo)題。dd是描述，dd有行縮進(jìn)
一個(gè)dt可以有很多dd描述
例如:<dl>
<dt>商品圖片</dt>
<dd>商品名稱</dd>
<dd>商品價(jià)格</dd>
...
</dl>

表格：<table></table> 由行和列組成
一對(duì)tr代表一行，每一行里面有單元格td組成
例如：<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>兩行兩列
每個(gè)單元格可以跨行rowspan和跨列colspan
跨行是豎著占用其他單元格，
跨列是橫著占用其他單元格。
被占用的單元格需要?jiǎng)h除。
媒體元素：
視頻標(biāo)簽：<video src="視頻路徑" controls autoplay></video>
controls:控制臺(tái)，可以對(duì)視頻進(jìn)行控制(暫停，播放)
autoplay:自動(dòng)播放
音樂標(biāo)簽:<audio src="歌的路徑" controls autoplay></audio>
這兩個(gè)屬性跟視頻中的作用都一樣，非必寫
使用這兩個(gè)標(biāo)簽需要注意每種瀏覽器對(duì)格式的要求
如果不支持文件格式就換一種格式

iframe內(nèi)聯(lián)框架：
<iframe src="頁面路徑"name="框架名字"><iframe>
iframe內(nèi)聯(lián)框架可以打開一個(gè)頁面在里面
配合超鏈接使用，設(shè)置超鏈接的target屬性
例如：<a href="http://www.baidi.com"target="框架名字">
注意：target屬性中寫得到是iframe框架的name值
src屬性是框架默認(rèn)引用的一個(gè)頁面。

路徑問題，兩個(gè)安進(jìn)同一個(gè)文件夾，這兩個(gè)文件就是同級(jí)
同級(jí)可以直接寫文件名，后綴
如果兩個(gè)文件不是同級(jí)，需要根據(jù)上下級(jí)關(guān)系改變路徑
返回上一級(jí)是../進(jìn)入文件夾就直接寫文件夾名字
路徑是根據(jù)這個(gè)網(wǎng)頁所在的位置來判斷上下級(jí)的。

相關(guān)推薦：

HTML的格式及標(biāo)簽介紹

以上就是HTML中列表、表格和媒體元素的介紹的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！