XHTML教程——列表

無序列表（項目列表）

無序列表的標籤是<ul></ul>，而每一個清單項目則用<li>標籤表示。下面我們就用無序列表來改寫我們的"index.html"，開啟之前儲存的檔案後，將"針對學生提供的服務"一段的代碼修改為如下的無序列表代碼：

<h3>針對學生的服務</h3><ul> <li>代寫寒暑假作業（數學<b>不</b>保證沒有錯題，語文不保證沒有錯字，
 英語作業你找別人吧）</li> <li>幫忙欺負<b>四年級</b>以下同學，<b>特體須加收費用</b>。</li> <li> 家長會幫忙<i>冒充家長</i>。 </li></ul>           

儲存後瀏覽網頁，請確認您的網頁和這個頁面相同。。

有序列表

有序列表的標籤是<ol></ol>，清單項目仍然是<li>。我們再用有序列表來改寫"index.html"的”針對家長一段“，將剛剛修改的那段代碼中的<ul></ul>改為<ol></ol>：

<ol> <li>代寫寒暑假作業（數學<em>不</em>保證沒有錯題，語文<em>不</em>保證沒有錯字，
<b>英語作業你找別人吧！</b>）。</li> <li>幫忙欺負<strong>四年級以下</strong>同學，
<strong>特體</strong>須加收費用。
 </li> <li>家長會幫忙<i>冒充家長</i>。</li>   </ol>   

儲存後瀏覽網頁，請確認您頁面的效果與這個頁面相同。我們可以看到無序列表與有序列表在外觀上的不同就是項目每個項目前面是小圓點還是數字。而在含義上，ul表示的是並列關係，ol則表示有先後循序關聯性。