html中的有序列表和无序列表

互联网 18-5-11

本篇文章主要介绍html中的有序与无序列表示如何编写的，对于刚开始学习的小伙伴还是非常有帮助的，感兴趣的朋友参考下。

有序列表代码如下：

<html>    <h2>数字显示</h2>    <ol>    <li>第一天</li>    <li>第二天</li>    <li>第三天</li>    <li>第四天</li>    </ol>        <h2>字母显示</h2>    <ol type="a">    <li>第一天</li>    <li>第二天</li>    <li>第三天</li>    <li>第四天</li>    </ol>        <h2>小写罗马数字显示</h2>    <ol type="i">    <li>第一天</li>    <li>第二天</li>    <li>第三天</li>    <li>第四天</li>    </ol>        <h2>大写罗马数字显示</h2>    <ol type="I">    <li>第一天</li>    <li>第二天</li>    <li>第三天</li>    <li>第四天</li>    </ol>        <h2>数字显示,自己确定开始数字</h2>    <ol start="5">    <li>第一天</li>    <li>第二天</li>    <li>第三天</li>    <li>第四天</li>    </ol>    <html>

效果如下：

无序列表代码如下：

<html>    ********默认为实心圆*********    <ul>    <li>第一天</li>    <li>第二天</li>    <li>第三天</li>    <li>第四天</li>    </ul>        ********空心圆显示*********    <ul type="circle">    <li>第一天</li>    <li>第二天</li>    <li>第三天</li>    <li>第四天</li>    </ul>        ********实心矩形显示*********    <ul type="square">    <li>第一天</li>    <li>第二天</li>    <li>第三天</li>    <li>第四天</li>    </ul>    </html>

效果如下：