当前位置:Gxlcms > html代码 > 关于html中有序列表与无序列表的图文代码详解

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

时间:2021-07-01 10:21:17 帮助过:157人阅读

编写有序列表,代码如下:

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

显示效果为:

以上就是关于html中有序列表与无序列表的图文代码详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行