一、列表标签
列表标签分为三种类型：无序列表、有序列表、自定义列表
1、无序列表标签与属性
无序列表是以<ul>...</ul>表示的，具有三种无序列表类型情况：
第一、<ul type="disc"> 是实心圆点，默认的情况
第二、<ul type="circle">是空心原点
第三、<ul type="square">是实心方块
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>列表标签</title>
</head>
<body>
<!-- 修改列表前缀标志-disc实心小圆点，默认的 -->
<ul type="disc">
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<!-- 修改列表前缀标志-circle空心小圆点 -->
<ul type="circle">
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<!-- 修改列表前缀标志-square实心方块 -->
<ul type="square">
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>
</body>
</html>
2、有序列表的标签与属性
无序列表是以<ol>...</ol>表示的，具有五种无序列表类型情况：
第一、<ol type="1">是数字顺序排列
第二、<ol type="a">是小写英文字母顺序排列
第三、<ol type="A">是大写英文字母顺序排列
第四、<ol type="i">是小写罗马字符顺序排列
第五、<ol type="I">是大写罗马字符顺序排列
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>列表标签</title>
</head>
<body>
<!-- 有序列表 -->
<ol>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<!-- 数字排列 -->
<ol type="1">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<!-- 小写字母排列 -->
<ol type="a">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<!-- 大写字母排列 -->
<ol type="A">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<!-- 小写罗马排列 -->
<ol type="i">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<!-- 大写罗马排列 -->
<ol type="I">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
</body>
</html>
3、自定义列表标签
<dl>是用来创建一个的列表
最低0.47元/天 解锁文章
763
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
