HTML 清單

 清單的結構組成 
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>

<dd>CSS hacks</dd>

<lt ;/dl>

#########
繼續學習
||
<html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <h4>一个嵌套列表:</h4> <ul> <li>咖啡</li> <li>茶 <ul> <li>红茶</li> <li>绿茶 <ul> <li>中国茶</li> <li>非洲茶</li> </ul> </li> </ul> </li> <li>牛奶</li> </ul> </body> </html>
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!