7.列表標簽

7.1無序列表（重點）

表格是用來顯示數據的，那么列表就是用來布局的。

列表最大的特點就是整齊，整潔，有序，他作為布局會更加自由和方便，

根據使用的情景不同，列表可分為三大類：無序列表，有序列表和自定義列表。

? ? ? ? ? ? ? ? ? ? ? ? 有序列表

????????????????????????無序列表

????????????????????? ? ??自定義列表

< ul>標簽表示HTML頁面中項目的無序列表，一般會以項目符號呈現列表項，而列表項使用<li>標簽定義。

無序列表的基本語法格式

<ul>標簽表示HTML頁面中項目的無序列表，一般會以項目符號呈現列表項，而列表項使用<li>標簽定義。
無序列表的基本語法格式如下：<ul><li>列表1</li><li>列表2</li><li>列表3</li></ul>

1. 無序列表的各個列表項之間沒有順序級別之分，是并列的。

2. < ul></ul>中只能嵌套< li></li>,直接在<ul></ul>標簽中輸入其他標簽或者文字的做法是不被允許的。

3. < li>與</li>之間相當于一個容器，可以容納所有元素。

4. 無序列表會帶有自己的樣式屬性，但實際使用時，我們會使用CSS來設置

7.2有序列表

有序列表即為有排序的列表，奇各個列表項會按照一定順序排列定義

在HTML標簽中，<ol>標簽用于定義有序列表，列表排序以數字來顯示，并且使用<li>標簽來定義列表項。

有序列表格式如下，

<ol><li>列表1</li><li>列表2</li><li>列表3</li></ol>

1. < ol></ol>中智能嵌套<li></li>,直接在< ol></ol>標簽中輸入其他標簽或者文字的做法是不被允許的

2. < li></li>之間相當于一個容器，可以容納所有元素

3. 有序列表會帶自己樣式屬性，但實際使用時，我們會使用css來設置

7.3自定義列表

在HTML標簽中，< dl></dl>標簽用于定義描述列表（或定義列表），該標簽會與<dt>(定義項目/名字)和<dd>(描述每一個項目/名字)一起使用。

其基本語法如下：

<dl><dt>名詞1<dt><dd>名詞1解釋1<dd><dd>名詞1解釋2<dd>
<dl/>

1. < dl></dl>里面只能包含<dt>和<dd>

2. < dt>和<dd>個數沒有限制，經常是一個<dt>對應多個<dd>

在HTML標簽中，<dl>標簽用于定義描述列表(或定義列表)，該標簽會與<dt>(定義項目/名字)和<dd>(描述每一個項目/名字)一起使用。

7.4 列表總結

標簽名	定義	說明
<ul></ul>	無序列表	里面只能包含li， 沒有順序，使用較多，li里面可以包含任何標簽
<ol></ol>	有序列表	里面只能包含li，有順序，使用相對較少，li里面可以包含任何標簽
<dl></dl>	自定義列表	里面只能包含dt和dd。dt和dd里面可以放任何標簽