关于html中有序列表与无序列表的图文代码详解

黄舟原创: 2017-07-26 09:19:23 5731浏览

编写有序列表，代码如下：

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

显示效果为：