HTML 列表簡介

大雄45發表於2022-08-23
導讀 無序列表是一個專案的列表,此列專案使用粗體圓點(典型的小黑圓圈)進行標記。有序列表也是一列專案,列表專案使用數字進行標記。

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

有序列表

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

無序列表

  • 列表項
  • 列表項
  • 列表項
HTML無序列表

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

無序列表使用 <ul> 標籤

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

瀏覽器顯示如下:

  1. Coffee
  2. 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>

瀏覽器顯示如下:

  1. Coffee
  2. - black hot drink
  3. Milk
  4. - white cold drink
注意事項 - 有用提示

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

HTML 列表標籤
標籤 描述
定義有序列表
定義無序列表
定義列表項
定義列表
自定義列表專案
定義自定列表項的描述

原文來自:


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69955379/viewspace-2911537/,如需轉載,請註明出處,否則將追究法律責任。