HTML 列表

容器里面裝載著文字或圖表的一種形式，叫列表；列表最大的特點(diǎn)就是 整齊 、整潔、 有序。

HTML 支持有序、無(wú)序和自定義列表:

HTML 列表

在線示例

無(wú)序列表
本示例演示無(wú)序列表。

有序列表
本示例演示有序列表。

HTML無(wú)序列表

無(wú)序列表是一個(gè)項(xiàng)目的列表，此列項(xiàng)目使用粗體圓點(diǎn)（典型的小黑圓圈）進(jìn)行標(biāo)記。

無(wú)序列表使用 <ul> 標(biāo)簽

<ul>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
</ul>

瀏覽器顯示如下：

• 列表項(xiàng)1

• 列表項(xiàng)2

HTML 有序列表

同樣，有序列表也是一列項(xiàng)目，列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。 有序列表始于 <ol> 標(biāo)簽。每個(gè)列表項(xiàng)始于 <li> 標(biāo)簽。

列表項(xiàng)使用數(shù)字來標(biāo)記。

<ol>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
</ol>

瀏覽器中顯示如下：

1. 列表項(xiàng)1

2. 列表項(xiàng)2

HTML 自定義列表

自定義列表不僅僅是一列項(xiàng)目，而是項(xiàng)目及其注釋的組合。

自定義列表以 <dl> 標(biāo)簽開始。每個(gè)自定義列表項(xiàng)以 <dt> 開始。每個(gè)自定義列表項(xiàng)的定義以 <dd> 開始。

<dl>
<dt>春天</dt>
<dd>- 春天來了,春天到處春意盎然</dd>
<dt>秋天</dt>
<dd>- 秋天樹葉黃了,秋天是收獲的季節(jié)</dd>
</dl>

瀏覽器顯示如下：

• 春天

• - 春天來了,春天到處春意盎然

• 秋天

• - 秋天樹葉黃了,秋天是收獲的季節(jié)

注意事項(xiàng) - 有用提示

提示: 列表項(xiàng)內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

更多示例

不同類型的有序列表
本示例演示不同類型的有序列表。

不同類型的無(wú)序列表
本示例演示不同類型的無(wú)序列表。

嵌套列表
本示例演示如何嵌套列表。

嵌套列表 2
本示例演示更復(fù)雜的嵌套列表。

自定義列表
本示例演示一個(gè)定義列表。

HTML 列表標(biāo)簽