網頁HTML程式碼解說:有序列表與無序列表_HTML/Xhtml_網頁製作

本節學習HTML中的列表元素，列表形式在網站設計中佔有比較大的比重，顯示資訊非常整齊直觀，以便使用者理解。在後面的CSS樣式學習中將大量使用到列表元素的高級作用。
用於組織資料的清單
學習了這麼多控制網頁顯示的HTML標籤，讀者可以初步製作純文章頁面了。本節學習HTML中的列表元素，列表形式在網站設計中佔有比較大的比重，顯示資訊非常整齊直觀，以便使用者理解。在後面的CSS樣式學習中將大量使用到列表元素的高級作用。

4.4.1 列表的結構組成
HTML的列表元素是一個由列表標籤封閉的結構，包含的列表項目由

組成。具體結構如圖4.17所示。
4.4.2 製作無序列表
顧名思義，無序列表就是列表結構中的列表項沒有先後順序的列表形式。網頁應用中大部分的清單均採用無序列表，其清單標籤採用

，編寫方法如下：

• 列表項目一


• 列表項二


• 列表項目三


• 列表項四


• 列表項五

4.4.3 製作有序列表
顧名思義，有序列表就是列表結構中的列表項目有先後順序的列表形式，從上到下可以有各種不同的序列編號，如1、2、3或a、b、c等。在D:web目錄下建立網頁文件，命名為ul_ol.htm，編寫程式碼4.17所示。
代碼4.17 清單的設定：ul_ol.htm






網頁前台技術

• HTML


• CSS


• JavaScript


• FLASH

網頁後台的學習

1. ASP


2. ASP.net


3. PHP


4. CGI


5. Ruby


6. Python

在瀏覽器網址列輸入http://localhost/ul_ol.htm，瀏覽效果如圖4.18所示。

圖4.18 列表的設置