HTML 列表-1.17HTML 基礎(chǔ)教程

閱讀 ?·? 發(fā)布日期 2019-07-06 06:39 ?·? admin

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

實(shí)例

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

(可以在本頁(yè)底端找到更多實(shí)例。)

無(wú)序列表

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

無(wú)序列表始于 <ul> 標(biāo)簽。每個(gè)列表項(xiàng)始于 <li>。

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

瀏覽器顯示如下:

  • Coffee
  • Milk

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

有序列表

同樣,有序列表也是一列項(xiàng)目,列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。

有序列表始于 <ol> 標(biāo)簽。每個(gè)列表項(xiàng)始于 <li> 標(biāo)簽。

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

瀏覽器顯示如下:

  1. Coffee
  2. Milk

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

定義列表

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

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

<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

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

更多實(shí)例

不同類型的無(wú)序列表
本例演示一個(gè)無(wú)序列表。
不同類型的有序列表
本例演示不同類型的有序列表。
嵌套列表
本例演示如何嵌套列表。
嵌套列表 2
本例演示更復(fù)雜的嵌套列表。
定義列表
本例演示一個(gè)定義列表。

列表標(biāo)簽

標(biāo)簽 描述
<ol> 定義有序列表。
<ul> 定義無(wú)序列表。
<li> 定義列表項(xiàng)。
<dl> 定義定義列表。
<dt> 定義定義項(xiàng)目。
<dd> 定義定義的描述。
<dir> 已廢棄。使用 <ul> 代替它。
<menu> 已廢棄。使用 <ul> 代替它。