HTML 列表

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

HTML 列表

有序列表

  1. 第一個列表項
  2. 第二個列表項
  3. 第三個列表項

無序列表

  • 列表項
  • 列表項
  • 列表項
實例

線上實例


本例演示無序列表。


本例演示有序列表。

（可以在本頁底端找到更多實例。）

HTML無序列表

無序列表是一個專案的列表，此列專案使用粗體圓點（典型的小黑圓圈）進行標記。

無序列表使用 <ul> 標籤

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

流覽器顯示如下：

  • Coffee
  • Milk

HTML 有序列表

同樣，有序列表也是一列專案，列表專案使用數字進行標記。 有序列表始於 <ol> 標籤。每個列表項始於 <li> 標籤。

列表項使用數字來標記。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

流覽器中顯示如下：

  1. Coffee
  2. Milk

HTML 自定義列表

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

自定義列表以 <dl> 標籤開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <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

注意事項 - 有用提示

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

Examples

更多實例


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


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


本例演示如何嵌套列表。


本例演示更複雜的嵌套列表。


本例演示一個定義列表。

HTML 列表標籤

標籤 描述
<ol> 定義有序列表
<ul> 定義無序列表
<li> 定義列表項
<dl> 定義列表
<dt> 自定義列表專案
<dd> 定義自定列表項的描述