網頁HTML 有序列表ol 和無序列表 ul_HTML/Xhtml_網頁製作

 用於組織資料的清單

學習了這麼多控制網頁顯示的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  列表的設定