HTML 列表實例


41.無序列表
本例演示無序列表。
<h4>一個無序列表</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
42.有序的列表
<h4>一個有序的列表</h4>
<ol>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
<ol start="20">
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>

43.不同類型的無序列表 ####
本例演示一個無序列表。
####

標簽 描述
<ol> 定義有序列表。
<ul> 定義無序列表。
<li> 定義列表項。
<dl> 定義定義列表。
<dt> 定義定義項目。
<dd> 定義定義的描述。
<dir> 已廢棄。使用 <ul> 代替它。
<menu> 已廢棄。使用 <ul> 代替它。


<h4>Disc項目符號列表</h4>
<ul type="disc">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ul>
<h4>circle 項目符號列表</h4>
<ul type="circle">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ul>
<h4>Square 項目符號列表</h4>
<ul type="square">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ul>

44.不同類型的有序列表
本例演示不同類型的有序列表。
<h4>數字列表</h4>
<ol>
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>

<h4>字母列表</h4>
<ol type="A">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>

<h4>小寫字母列表</h4>
<ol type="a">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
<h4>羅馬字母列表</h4>
<ol type="I">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
<h4>小寫羅馬字母列表</h4>
<ol type="i">
<li>蘋果</li>
<li>香蕉</li>
<li>檸檬</li>
<li>桔子</li>
</ol>
45.嵌套列表
本例演示如何嵌套列表。

<h4>一個嵌套列表</h4>
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>紅茶</li>
<li>綠茶</li>
</ul>
</li>
<li>牛奶</li>
</ul>

46.兩層嵌套列表
<h4>兩個嵌套列表</h4>
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>紅茶</li>
<li>綠茶
<ul>
<li>中國茶</li>
<li>非洲茶</li>
</ul>
</li>
</ul>
</li>
<li>牛奶</li>
</ul>

47.一個定義列表
<body>
<h2>一個定義列表</h2>
<d1>
<dt>計算機</dt>
<dd>用來計算的儀器</dd>
<dt>顯示器</dt>
<dd>以視覺方式顯示信息的裝置</dd>
</d1>



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM