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

来源：动视网责编：小采时间：2020-11-27 15:28:57

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

关于html中有序列表与无序列表的图文代码详解:编写有序列表，代码如下：<html> <h2>数字显示</h2> <ol> <li>第一天</li> <li>第二天</li> <li>第三天</li> <li>第四天</li> </ol

推荐度：

导读关于html中有序列表与无序列表的图文代码详解:编写有序列表，代码如下：<html> <h2>数字显示</h2> <ol> <li>第一天</li> <li>第二天</li> <li>第三天</li> <li>第四天</li> </ol

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

<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中有序列表与无序列表的图文代码详解

推荐度：

点击下载本文 文档为doc格式

标签： html html中 html中的

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐