无序列表
无序列表使用 ul 标签
有序列表使用 ol 标签
有序列表和无序列表的每个列表项使用 li
自定义列表不仅仅是一列项目,而是项目及其注释的组合
自定义列表项使用 dl 标签,每个列表项使用dt,自定义列表项的定义以 dd 开始
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul type="circle">
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<!--无序列表中通过设置type的值来使用不同样式的列表:disc:圆点样式 circle:圆圈样式 square:正方形样式
注意:</b> 在 HTML 4中 ul 属性已废弃,HTML5 已不支持该属性,因此我们使用 CSS 代替来定义不同类型的无序列表-->
<ol type="a">
<!--有序列表中type可以设置其排序方式</br>
默认使用阿拉伯数字排序</br>
a:用小写字母排序;</br>
A:用大写字母排序;</br>
i:用小写的罗马数字排序 </br>
I:用大写的罗马数字排序 -->
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<ol type="i">
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
</ol>
<dl>
<dt>三国演义</dt>
<dd>- 罗贯中</dd>
<dt>水浒传</dt>
<dd>- 施耐庵</dd>
</dl>
</body>
</html>
动手试一下吧!