無序列表:
無序列表以<ul>標籤開始, 每個列表項目以<li>開始.
無序列表的項目中可以加入段落,換行,圖像, 鏈接,其他的列表等.
<ul>
<li>Coffee</li>
<li>Mike</li>
</ul>
運行代碼顯示如下:
有序列表:
有序列表以<ol>標籤開始, 每個列表項目以<li>開始.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
運行代碼顯示如下:
![clip_image002[8]](https://s4.51cto.com/attachment/201103/4/2081576_1299226438mqCh.jpg "clip_image002[8]")
更多示例:
有序列表的不同類型:
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
<html>
<body>
<h4>Number list:</h4>
<ol>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Letters list: </h4>
<ol type=”A”>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Lowercase letters list: </h4>
<ol type=”a”>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Roman numbers list: </h4>
<ol type=”I”>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>Lowercase Roman numbers List: </h4>
<ol type=”i”>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
</body>
</html>
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
運行代碼顯示如下：
![clip_image002[10]](https://s4.51cto.com/attachment/201103/4/2081576_1299226438vGGP.jpg "clip_image002[10]")
無序列表的不同類型：
<html>
<body>
<h4>Disc bullets list: </h4>
<ul type="disc">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>
<h4>Circle bullets list: </h4>
<ul type="circle">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>
<h4> Square bullets list: </h4>
<ul type="square">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>
</body>
</html>
運行顯示如下：
![clip_image002[12]](https://s4.51cto.com/attachment/201103/4/2081576_1299226439Ekyu.jpg "clip_image002[12]")