国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

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

2019-10-26 17:24:14
字體：大 中 小
來源：轉載
供稿：網友

本節學習HTML中的列表元素，列表形式在網站設計中占有比較大的比重，顯示信息非常整齊直觀，便于用戶理解。在后面的CSS樣式學習中將大量使用到列表元素的高級作用。
用于組織數據的列表
學習了這么多控制網頁顯示的HTML標簽，讀者可以初步制作純文章頁面了。本節學習HTML中的列表元素，列表形式在網站設計中占有比較大的比重，顯示信息非常整齊直觀，便于用戶理解。在后面的CSS樣式學習中將大量使用到列表元素的高級作用。
文本框:圖4.17 列表元素的結構
4.4.1 列表的結構組成
HTML的列表元素是一個由列表標簽封閉的結構，包含的列表項由<li></li>組成。具體結構如圖4.17所示。
4.4.2 制作無序列表
顧名思義，無序列表就是列表結構中的列表項沒有先后順序的列表形式。大部分網頁應用中的列表均采用無序列表，其列表標簽采用<ul></ul>，編寫方法如下：
<ul>
<li>列表項一</li>
<li>列表項二</li>
<li>列表項三</li>
<li>列表項四</li>
<li>列表項五</li>
</ul>
4.4.3 制作有序列表
顧名思義，有序列表就是列表結構中的列表項有先后順序的列表形式，從上到下可以有各種不同的序列編號，如1、2、3或a、b、c等。在D:/web/目錄下創建網頁文件，命名為ul_ol.htm，編寫代碼如代碼4.17所示。
代碼4.17 列表的設置：ul_ol.htm
<html>
<head>
<title>列表的設置</title>
</head>
<body>
<font size="5">
網頁前臺技術
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>FLASH</li>
</ul>
網頁后臺的學習
<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 列表的設置

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 威信县| 琼海市| 德令哈市| 左权县| 射阳县| 清远市| 呈贡县| 会理县| 千阳县| 岳西县| 长阳| 新乡市| 个旧市| 白银市| 买车| 台中市| 连州市| 凭祥市| 平遥县| 宣恩县| 鄂尔多斯市| 云龙县| 郴州市| 贵德县| 靖江市| 广平县| 通辽市| 临邑县| 景东| 安丘市| 德阳市| 喜德县| 磐安县| 肥乡县| 桃江县| 丰台区| 博兴县| 安陆市| 福贡县| 陆良县| 福贡县|