2.4　列表

列表能將網頁中的相關信息進行合理布局，將項目有序或無序地整理在一起，如圖2-21所示，便于用戶的瀏覽和操作。HTML中共有3種列表，分別是無序列表、有序列表和自定義列表。列表最大的特點就是整齊、整潔、有序。

2.4.1　無序列表

無序列表的各個列表項之間沒有順序及級別之分，是并列的。列表項前不用連續編號而用一個特定符號來標記，默認為在每列表項前加一個黑色小圓點，如例2-17所示。

基本語法格式如下：

列表項li標簽的type屬性取值與ul標簽相同。設置ul標簽的type屬性會使所有的列表項按統一風格顯示，設置其中一個li列表項的type屬性值只會影響它自身的顯示風格，其他列表則按原樣顯示。type屬性值與編號樣式的對應關系如表2-10所示。

【例2-17】　無序列表的應用

在瀏覽器中的顯示效果如圖2-22所示。

注意：

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

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

（3）無序列表會帶有自己的樣式屬性，可以不使用此樣式，而是使用CSS來處理此類問題。

2.4.2　有序列表

有序列表即有排列順序的列表，其各個列表項按照一定的順序排列，如例2-18所示。

基本語法格式如下：

type屬性值與編號樣式的對應關系如表2-11所示。

【例2-18】　有序列表應用

在瀏覽器中的顯示效果如圖2-23所示。

2.4.3　定義列表

定義列表常用于對術語或名詞進行解釋和描述，定義列表的列表項前沒有任何項目符號。首標簽<dl>和尾標簽</dl>之間是列表內容，列表項目用標簽<dt>引導，列表項目的說明用標簽<dd>引導。通常<dt>和<dd>一起出現。一個列表項目可以對應一個說明項，也可以對應多個說明項，如例2-19所示。

定義列表中每個列表項有一個縮進的說明項，與字典的編排格式相同，所以又稱為“字典列表”。

基本語法格式如下：

【例2-19】　定義列表的應用

在瀏覽器中的顯示效果如圖2-24所示。

2.4.4　綜合實戰

以“模擬試卷”在線考試試題項目為例，綜合實驗列表標簽，如例2-20所示。

【例2-20】　模擬試卷

上述案例中使用了列表的嵌套，列表的嵌套不僅使網頁的內容更加合理美觀，而且使其內容看起來更加簡潔。列表嵌套分為無序列表嵌套、有序列表嵌套、無序和有序列表的混合嵌套，它們的使用方式相同。

在瀏覽器中的顯示效果如圖2-25所示。