从头再学html4

接上一节，

1.列表相关标签

a:无序列表：
无序列表是一个项目的序列。各项目前加有标记（通常是黑色的实心小圆圈）。无序列表以<ul>标签开始。每个列表项目以<li>开始。

无序列表的项目中可以加入段落、换行、图像，链接，其他的列表等等。

<p> 无序列表标签：<br> <ul> <li>尹千慧 <p>尹千慧是一名优秀的领导人，带领全国人民......</p></li> <li> <p>是一名优秀的领导人，带领全国人民......</p></li> <li>温</li> <li>奥巴马<p>奥巴马是一名优秀的领导人，带领美国人民......</p</li> </ul> </P>

b:有序列表：

有序列表也是一个项目的序列。各项目前加有数字作标记。 有序列表以<ol>标签开始。每个列表项目以<li>开始。

<p> 有序列表：<br> <ol> <li>第一名：尹千慧</li> <li>第二名：奥巴马</li> <li>第三名：希特勒</li> </ol> </p>

效果如下：

有序列表的不同样式：

<p> <h4>Numbered 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> </p>

效果图如下；

无序列表的不同类型：

<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>

效果如下：

这个不同之处就是前面滴实心点，空心点，和实方形。

今天就到此了，要多多练习，不然一下子就忘掉了！