HTML 列表

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

HTML 支持有序、無序和自定義列表:

HTML 列表

在線示例

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

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

HTML無序列表

無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標(biāo)記。

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

<ul>
<li>列表項1</li>
<li>列表項2</li>
</ul>

瀏覽器顯示如下：

• 列表項1

• 列表項2

HTML 有序列表

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

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

<ol>
<li>列表項1</li>
<li>列表項2</li>
</ol>

瀏覽器中顯示如下：

1. 列表項1

2. 列表項2

HTML 自定義列表

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

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

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

瀏覽器顯示如下：

• 春天

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

• 秋天

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

注意事項 - 有用提示

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

更多示例

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

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

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

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

自定義列表
本示例演示一個定義列表。

HTML 列表標(biāo)簽