HTML————12、HTML列表

FLy_鵬程萬里發表於2018-07-26

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

注意事項 - 有用提示

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

HTML 列表標籤

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

 

相關文章