目录
有序列表
结果
无序标签
结果
数据标签
结果
有序列表
(注:注释是解释)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<!--
列表
1、有序列表
ol
li标签包裹数据
type属性
1的意思有序列表默认类型是数字从1开始升序
A字母序号大写 a小写字母序号
i表示罗马数字
start属性
可以选择起始位置,数字过了9999就会从0001开始
2、无序列表
ul
type属性
disc有类型属性默认实心圆
circle空心圆
square实心正方形
3、数据列表
使用dl嵌套
dt包裹标题
dd包裹内容
-->
<body>
<ol type="1" start="9999">
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
</ol>
<ol type="A" start="100">
<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>
</body>
</html>
结果
无序标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!-- 无序列表
ul
disc有类型属性默认实心圆
circle空心圆
square实心正方形
-->
<ul type="disc">
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
</ul>
</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>
</body>
</html>
结果
数据标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<dl>
<dt>数据分类</dt>
<dd>言情</dd>
<dd>玄幻</dd>
<dd>恐怖</dd>
<dt>数据分类</dt>
<dd>言情</dd>
<dd>玄幻</dd>
<dd>恐怖</dd>
<dt>数据分类</dt>
<dd>言情</dd>
<dd>玄幻</dd>
<dd>恐怖</dd>
</dl>
</body>
</html>
结果
不嫌弃的点点关注,点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚