有序列表和無序列表的網頁HTML代碼講解

時間：2024-09-12 21:27:13 HTML DOM 我要投稿

　　本節學習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

　　網頁后臺的學習

　　ASP

　　ASP.net

　　PHP

　　CGI

　　Ruby

　　Python

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

　　圖4.18 列表的設置

【有序列表和無序列表的網頁HTML代碼講解】相關文章：