HTML5 成长之路（二）有序、无序、自定义列表

最新推荐文章于 2022-01-23 10:34:16 发布

koko_TT

最新推荐文章于 2022-01-23 10:34:16 发布

阅读量286

点赞数

分类专栏： HTML5成长之路文章标签： HTML5列表

本文链接：https://blog.csdn.net/weixin_44344462/article/details/89527231

版权

HTML5成长之路专栏收录该内容

4 篇文章 0 订阅

订阅专栏

Show me the code

保存为.html的文件查看结果

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>无序、有序、自定义列表列表</title>
</head>
<body>
	<h1>有序、无序、自定义列表练习</h1>

	<h2>ul标签内含li标签的无序列表</h2>
	<ul>
		<li>这是无序列表第一行</li>
		<li>这是无序列表第二行</li>
		<li>这是无序列表第三行</li>
	</ul>


	<h2>ol标签内含li标签的有序列表</h2>
	<ol>
		<li>这是有序列表第一行</li>
		<li>这是有序列表第二行</li>
		<li>这是有序列表第三行</li>
	</ol>
	

	<h2>这是dl标签内含dt标签，dt标签并列dd标签的自定义列表</h2>
	<dl>
		<dt>这是自定义列表的第一部分头</dt>
		<dd>这是第一部分的第一行</dd>
		<dd>这是第一部分的第二行</dd>
		<dd>这是第一部分的第三行</dd>

		<dt>这是自定义列表的第二部分头</dt>
		<dd>这是第二部分的第一行</dd>
		<dd>这是第二部分的第二行</dd>
		<dd>这是第二部分的第三行</dd>			
	</dl>

</body>
</html>