HTML 列表

2021-06-21 14:21 更新

HTML 列表


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

HTML 列表

有序列表

  1. The first list item
  2. The second list item
  3. The third list item

無序列表

  • List item
  • List item
  • List item

在線實例

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

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

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


HTML無序列表

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

無序列表適合成員之間無級別順序關(guān)系的情況。

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

實例

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>


嘗試一下 ?

瀏覽器顯示如下:

  • Coffee
  • Milk

HTML 有序列表

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

有序列表適合各項目之間存在順序關(guān)系的情況。

列表項項使用數(shù)字來標(biāo)記。您可以通過本站的編程測試來練習(xí)創(chuàng)建有序列表

實例

<ol>       

<li>Coffee</li>      

<li>Milk</li>       

</ol>


嘗試一下 ?

瀏覽器中顯示如下:

  1. Coffee
  2. Milk

HTML 自定義列表

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

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

自定義列表中的一個術(shù)語名可以對應(yīng)多重定義或者多個術(shù)語名對應(yīng)同一個定義,如果只有術(shù)語名或者只有定義也是可行的,也就是說 <dt> 與 <dd> 在其中數(shù)量不限、對應(yīng)關(guān)系不限。

實例

<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

注意事項 - 有用提示

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


更多實例

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

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

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

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

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


HTML 列表標(biāo)簽

標(biāo)簽 描述
<ol> 定義有序列表
<ul> 定義無序列表
<li> 定義列表項
<dl> 定義列表
<dt> 自定義列表項目
<dd> 定義自定義列表的描述


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號