HTML 列表
HTML 支持有序、無序和定義列表:
HTML 列表
有序列表
|
无序列表
|
 | 在線實例 |
無序列表
本例演示無序列表。
有序列表
本例演示有序列表。
（可以在本頁底端找到更多實例。）
HTML無序列表
無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標記。
無序列表使用<ul> 標籤
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
瀏覽器顯示如下：
- Coffee
- Milk
HTML 有序列表
同樣，有序列表也是一列項目，列表項目使用數字進行標記。 有序列表始於<ol> 標籤。 每個列表項始於<li> 標籤。
列表項項使用數字來標記。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
瀏覽器中顯示如下：
- Coffee
- Milk
HTML 自定義列表
自定義列表不僅僅是一列項目，而是項目及其註釋的組合。
自定義列表以<dl> 標籤開始。 每個自定義列表項以<dt> 開始。 每個自定義列表項的定義以<dd> 開始。
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
瀏覽器顯示如下：
- Coffee
- - black hot drink
- Milk
- - white cold drink
注意事項- 有用提示
提示:列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。
更多實例
不同類型的有序列表
本例演示不同類型的有序列表。
不同類型的無序列表
本例演示不同類型的無序列表。
嵌套列表
本例演示如何嵌套列表。
嵌套列表2
本例演示更複雜的嵌套列表。
自定義列表
本例演示一個定義列表。
HTML 列表標籤
| 标签 | 描述 |
|---|---|
| <ol> | 定义有序列表 |
| <ul> | 定义无序列表 |
| <li> | 定义列表项 |
| <dl> | 定义定义列表 |
| <dt> | 自定义列表项目 |
| <dd> | 定义自定列表项的描述 |