主頁(yè) > 知識(shí)庫(kù) > 網(wǎng)頁(yè)HTML代碼講解:有序列表和無(wú)序列表

網(wǎng)頁(yè)HTML代碼講解:有序列表和無(wú)序列表

熱門(mén)標(biāo)簽:外呼系統(tǒng)隱私 中國(guó)世界文化遺產(chǎn)地圖標(biāo)注 可以集成到系統(tǒng)的外呼 400開(kāi)頭電話(huà)在哪辦理 電話(huà)外呼系統(tǒng)怎么找準(zhǔn)客戶(hù) 電腦外呼系統(tǒng)安裝 揚(yáng)州市地圖標(biāo)注 西安公司外呼系統(tǒng)價(jià)格 荊州銷(xiāo)售電銷(xiāo)機(jī)器人

本節(jié)學(xué)習(xí)HTML中的列表元素,列表形式在網(wǎng)站設(shè)計(jì)中占有比較大的比重,顯示信息非常整齊直觀,便于用戶(hù)理解。在后面的CSS樣式學(xué)習(xí)中將大量使用到列表元素的高級(jí)作用。
用于組織數(shù)據(jù)的列表
學(xué)習(xí)了這么多控制網(wǎng)頁(yè)顯示的HTML標(biāo)簽,讀者可以初步制作純文章頁(yè)面了。本節(jié)學(xué)習(xí)HTML中的列表元素,列表形式在網(wǎng)站設(shè)計(jì)中占有比較大的比重,顯示信息非常整齊直觀,便于用戶(hù)理解。在后面的CSS樣式學(xué)習(xí)中將大量使用到列表元素的高級(jí)作用。

4.4.1 列表的結(jié)構(gòu)組成
HTML的列表元素是一個(gè)由列表標(biāo)簽封閉的結(jié)構(gòu),包含的列表項(xiàng)由<li></li>組成。具體結(jié)構(gòu)如圖4.17所示。
4.4.2 制作無(wú)序列表
顧名思義,無(wú)序列表就是列表結(jié)構(gòu)中的列表項(xiàng)沒(méi)有先后順序的列表形式。大部分網(wǎng)頁(yè)應(yīng)用中的列表均采用無(wú)序列表,其列表標(biāo)簽采用<ul></ul>,編寫(xiě)方法如下:
<ul>
<li>列表項(xiàng)一</li>
<li>列表項(xiàng)二</li>
<li>列表項(xiàng)三</li>
<li>列表項(xiàng)四</li>
<li>列表項(xiàng)五</li>
</ul>
4.4.3 制作有序列表
顧名思義,有序列表就是列表結(jié)構(gòu)中的列表項(xiàng)有先后順序的列表形式,從上到下可以有各種不同的序列編號(hào),如1、2、3或a、b、c等。在D:\web\目錄下創(chuàng)建網(wǎng)頁(yè)文件,命名為ul_ol.htm,編寫(xiě)代碼如代碼4.17所示。
代碼4.17 列表的設(shè)置:ul_ol.htm
<html>
<head>
<title>列表的設(shè)置</title>
</head>
<body>
<font size="5">
網(wǎng)頁(yè)前臺(tái)技術(shù)
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>FLASH</li>
</ul>
網(wǎng)頁(yè)后臺(tái)的學(xué)習(xí)
<ol>
<li>ASP</li>
<li>ASP.net</li>
<li>PHP</li>
<li>CGI</li>
<li>Ruby</li>
<li>Python</li>
</ol>
</font>
</body>
</html>
在瀏覽器地址欄輸入http://localhost/ul_ol.htm,瀏覽效果如圖4.18所示。

圖4.18 列表的設(shè)置

標(biāo)簽:延安 濟(jì)南 錫林郭勒盟 貴陽(yáng) 白銀 樂(lè)山 阿拉善盟 四川

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《網(wǎng)頁(yè)HTML代碼講解:有序列表和無(wú)序列表》,本文關(guān)鍵詞  網(wǎng)頁(yè),HTML,代碼,講解,有序,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《網(wǎng)頁(yè)HTML代碼講解:有序列表和無(wú)序列表》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于網(wǎng)頁(yè)HTML代碼講解:有序列表和無(wú)序列表的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章