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

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

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

html中的有序列表和无序列表:本篇文章主要介绍html中的有序与无序列表示如何编写的，对于刚开始学习的小伙伴还是非常有帮助的，感兴趣的朋友参考下。有序列表代码如下：<html> <h2>数字显示</h2> <ol> <li>第一天</li> <

推荐度：

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

导读html中的有序列表和无序列表:本篇文章主要介绍html中的有序与无序列表示如何编写的，对于刚开始学习的小伙伴还是非常有帮助的，感兴趣的朋友参考下。有序列表代码如下：<html> <h2>数字显示</h2> <ol> <li>第一天</li> <

本篇文章主要介绍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>

效果如下：

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

推荐度：

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

标签：中的列表 html

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐