列表的嵌套应用

酷小亚

于 2021-09-24 15:53:21 发布

阅读量2.8k

点赞数 1

分类专栏：从零学习HTML5 文章标签： html html5

原文链接：https://www.ptpress.com.cn

版权

从零学习HTML5 专栏收录该内容

57 篇文章

订阅专栏

在使用列表时，列表项中也有可能包含若干子列表项，想要在列表项中定义子列表项就需要将列表进行嵌套。

效果图：

2-4

代码如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>列表的嵌套应用</title>
</head>
<body>
<h2>饮品</h2>	
<ul>
	<li>咖啡
		<ol>				<!-- 有序列表的嵌套 -->
			<li>拿铁</li>
			<li>摩卡</li>
		</ol>
	</li>
	<li>茶					<!-- 无序列表的嵌套 -->
		<ul>
			<li>碧螺春</li>
			<li>龙井</li>
		</ul>
	</li>
</ul>
</body>
</html>