HTML 教程
HTML 列表
HTML 支持有序、無序和定義列表:
HTML 列表
有序列表
|
無序列表
|
 |
在線實例 |
無序列表
本例演示無序列表。
有序列表
本例演示有序列表。
（可以在本頁底端找到更多實例。）
HTML無序列表
無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標記。
無序列表適合成員之間無級別順序關(guān)系的情況。
無序列表使用 <ul> 標簽
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
瀏覽器顯示如下：
- Coffee
- Milk
HTML 有序列表
同樣，有序列表也是一列項目，列表項目使用數(shù)字進行標記。 有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。
有序列表適合各項目之間存在順序關(guān)系的情況。
列表項使用數(shù)字來標記。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
瀏覽器中顯示如下：
- Coffee
- Milk
HTML 自定義列表
自定義列表不僅僅是一列項目，而是項目及其注釋的組合。
自定義列表以 <dl> 標簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。
自定義列表中的一個術(shù)語名可以對應(yīng)多重定義或者多個術(shù)語名對應(yīng)同一個定義，如果只有也術(shù)語名或者只有定義也是可行的，也就是說 <dt> 與 <dd> 在其中數(shù)量不限、對應(yīng)關(guān)系不限。
<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
注意事項 - 有用提示
提示: 列表項內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。
更多實例
不同類型的有序列表
本例演示不同類型的有序列表。
不同類型的無序列表
本例演示不同類型的無序列表。
嵌套列表
本例演示如何嵌套列表。
嵌套列表 2
本例演示更復(fù)雜的嵌套列表。
自定義列表
本例演示一個定義列表。
HTML 列表標簽
| 標簽 | 描述 |
|---|---|
| <ol> | 定義有序列表 |
| <ul> | 定義無序列表 |
| <li> | 定義列表項 |
| <dl> | 定義列表 |
| <dt> | 自定義列表項目 |
| <dd> | 定義自定列表項的描述 |