2.3 文字列表

文字列表可以有序地編排一些信息資源，使其結(jié)構(gòu)化和條理化，并以列表的樣式顯示出來，以便瀏覽者能更加快捷地獲得相應信息。HTML中的文字列表如同文字編輯軟件Word中的項目符號和自動編號。

2.3.1 建立無序列表<ul>

無序列表相當于Word中由項目符號引導的選項，項目排列沒有順序，只以符號作為分項標識。無序列表使用一對標記<ul></ul>，其中每一個列表項使用<li></li>標記，其結(jié)構(gòu)如下所示：

在無序列表結(jié)構(gòu)中，使用<ul></ul>標記表示這一個無序列表的開始和結(jié)束，<li>則表示一個列表項的開始。在一個無序列表中可以包含多個列表項，并且<li>可以省略結(jié)束標記。下面的實例使用無序列表實現(xiàn)文本的排列顯示。

【例2.7】（實例文件：ch02\2.7.html）

在IE 11.0中的預覽效果如圖2-10所示。讀者會發(fā)現(xiàn)，在無序列表項中可以嵌套列表。例如，“系統(tǒng)分析”列表項和“偽網(wǎng)頁草圖”列表項中都有下級列表，因為在這對<li></li>標記間又增加了一對<ul></ul>標記。

圖2-10 無序列表

2.3.2 建立有序列表<ol>

有序列表類似于Word中的自動編號功能。有序列表的使用方法和無序列表的使用方法基本相同，它使用標記<ol></ol>，每一個列表項使用<li></li>。每個項目都有前后順序之分，通常用數(shù)字表示，其結(jié)構(gòu)如下：

     <ol>
       <li>第1項</li>
       <li>第2項</li>
       <li>第3項</li>
     </ol>

下面的實例使用有序列表實現(xiàn)文本的排列顯示。

【例2.8】（實例文件：ch02\2.8.html）

在IE 11.0中的預覽效果如圖2-11所示。讀者可以從中看到新添加的有序列表。

圖2-11 有序列表的效果