- 相關(guān)推薦
有序列表和無(wú)序列表的網(wǎng)頁(yè)HTML代碼講解
本節學(xué)習HTML中的列表元素，列表形式在網(wǎng)站設計中占有比較大的比重，顯示信息非常整齊直觀(guān)，便于用戶(hù)理解。在后面的CSS樣式學(xué)習中將大量使用到列表元素的高級作用。
用于組織數據的列表
學(xué)習了這么多控制網(wǎng)頁(yè)顯示的HTML標簽，讀者可以初步制作純文章頁(yè)面了。本節學(xué)習HTML中的列表元素，列表形式在網(wǎng)站設計中占有比較大的比重，顯示信息非常整齊直觀(guān)，便于用戶(hù)理解。在后面的CSS樣式學(xué)習中將大量使用到列表元素的高級作用。
4.4.1 列表的結構組成
HTML的列表元素是一個(gè)由列表標簽封閉的結構，包含的列表項由
組成。具體結構如圖4.17所示。
4.4.2 制作無(wú)序列表
顧名思義，無(wú)序列表就是列表結構中的列表項沒(méi)有先后順序的列表形式。大部分網(wǎng)頁(yè)應用中的列表均采用無(wú)序列表，其列表標簽采用
，編寫(xiě)方法如下：
列表項一
列表項二
列表項三
列表項四
列表項五
4.4.3 制作有序列表
顧名思義，有序列表就是列表結構中的列表項有先后順序的列表形式，從上到下可以有各種不同的序列編號，如1、2、3或a、b、c等。在D:web目錄下創(chuàng )建網(wǎng)頁(yè)文件，命名為ul_ol.htm，編寫(xiě)代碼如代碼4.17所示。
代碼4.17 列表的設置：ul_ol.htm
網(wǎng)頁(yè)前臺技術(shù)
HTML
CSS
JavaScript
FLASH
網(wǎng)頁(yè)后臺的學(xué)習
ASP
ASP.net
PHP
CGI
Ruby
Python
在瀏覽器地址欄輸入http://localhost/ul_ol.htm，瀏覽效果如圖4.18所示。
圖4.18 列表的設置
【有序列表和無(wú)序列表的網(wǎng)頁(yè)HTML代碼講解】相關(guān)文章：
過(guò)濾HTML代碼08-29
俄語(yǔ)閱讀詞匯列表06-06
粵語(yǔ)音節列表10-07
俄語(yǔ)電力詞匯列表06-15
俄語(yǔ)紡織詞匯列表07-03
英語(yǔ)基礎詞匯列表07-04
常用俄語(yǔ)詞匯列表08-24
最新俄語(yǔ)IT詞匯列表摘抄09-08
俄語(yǔ)考研高頻詞匯列表08-26