HTML5常用標籤(2-5)列表標籤
dl
<dl>
標籤定義了一個包含術語定義以及描述的列表。
dt
<dt>
標籤用於定義列表中的專案(即術語部分)。
dd
<dd>
標籤用於定義列表中專案的描述部分。
例項
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>一個標題</title> </head> <body> <h2>一個定義列表:</h2> <dl> <dt>計算機</dt> <dd>用來計算的儀器 ... ...</dd> <dt>顯示器</dt> <dd>以視覺方式顯示資訊的裝置 ... ...</dd> </dl> </body> </html>
一個定義列表:
-
計算機
-
用來計算的儀器 ... ...
-
顯示器
-
以視覺方式顯示資訊的裝置 ... ...
ol
<ol>
標籤用於定義有序列表。
屬性
屬性 | 值 | 描述 |
reversed | reversed | 規定列表順序為降序。(9, 8, 7, …) |
start | number | 規定有序列表的起始值。 |
type | 1、A、a、I、i | 規定在列表中使用的標記型別。 |
li
<li>
標籤用於定義列表中的專案。
<li>
標籤可用在有序列表 <ol>
和無序列表 <ul>
中。
例項
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>一個標題</title> </head> <body> <ol> <li>咖啡</li> <li>牛奶</li> <li>茶</li> </ol> <ol start="50"> <li>咖啡</li> <li>牛奶</li> <li>茶</li> </ol> <ol start="10" reversed type="I"> <li>咖啡</li> <li>牛奶</li> <li>茶</li> </ol> </body> </html>
1.咖啡
2.牛奶
3.茶
50.咖啡
51.牛奶
52.茶
Ⅹ.咖啡
Ⅸ.牛奶
Ⅷ.茶
ul
<ul>
標籤用於定義無序列表。
例項
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>一個標題</title> </head> <body> <h4>一個無序列表:</h4> <ul> <li>咖啡</li> <li>茶</li> <li>牛奶</li> </ul> </body> </html>
一個無序列表:
-
咖啡
-
茶
-
牛奶