1.列表的分类
-
无序列表
- 用 ul创建无序列表,li创建列表项 有序列表
- 用 ol创建有序列表,li创建列表项 定义列表
-
dl:创建定义列表
dt :定义的内容标题
dd:对内容的解释说明
2.列表嵌套
ul,ol,dl之间可以相互嵌套。使用如下:
<ul>
<li>
nihao
<ul>
<li>哈哈/li></li>
<li>哈哈</li>
</ul>
</li>
</ul>
完整代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>列表</title>
</head>
<body>
<!-- 无序列表 -->
<ul>
<li>无序</li>
<li>无序</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>有序</li>
<li>有序</li>
</ol>
<!-- 定义列表 -->
<dl>
<dt>定义的内容</dt>
<dd>解释说明1</dd>
<dd>解释说明2</dd>
<dd>解释说明3</dd>
</dl>
<!-- 列表之间可以相互嵌套使用 -->
<ul>
<li>
nihao
<ul>
<li>哈哈</li>
<li>哈哈</li>
</ul>
</li>
</ul>
<!-- 综合 -->
<dl>
<dt>菜单</dt>
<dd>
<ol>
<li>
火爆猪肝
<ul>
<li>猪肝,蒜</li>
</ul>
</li>
<li>
干锅仔鸡
<ul>
<li>鸡肉,洋葱</li>
</ul>
</li>
<li>
麻婆豆腐
<ul>
<li>豆腐,豆瓣酱,葱</li>
</ul>
</li>
</ol>
</dd>
</dl>
</body>
</html>