清單的結構組成
HTML的清單元素是由清單標籤封閉的結構,包含的清單項目由<li></li>組成。
製作無序列表
#顧名思義,無序列表就是清單結構中的列表項目沒有先後順序的列表形式。網頁應用中大部分的清單均採用無序列表,其清單標籤採用<ul></ul>,撰寫方式如下:
<ul>
<li>清單項一</li>
<li>列表項目二</li>
<li>列表項目三</li>
<li>列表項目四</li> ;
<li>清單項目五</li>
</ul>
製作有序列表
#顧名思義,有序列表就是列表結構中的列表項目有先後順序的列表形式,從上到下可以有各種不同的序列編號,如1、2、3或a、b、c等。
編寫程式碼如程式碼所示。
<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>
製作自訂清單
定義清單語意上表示項目及其註解的組合,它以<dl>標籤(definition lists)開始,自訂清單項目以<dt>(definition title)開始,自訂清單項目的定義以<dd>(definition description)開始。
<dl>
#<dt>CSS</dt>
<dt>CSS</dt>
<dd>CSS概念</dd> <dd>CSS應用</dd>
<lt ;/dl>