HTML——ul、ol、dl标签

最新推荐文章于 2025-07-05 14:19:28 发布

原创最新推荐文章于 2025-07-05 14:19:28 发布 · 2.9k 阅读

5 ·

CC 4.0 BY-SA版权

前端入门——HTML 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了HTML中的列表标签，包括无序列表<ul>、有序列表<ol>和定义列表<dl>的使用，通过实例展示了它们在网页布局中的效果，帮助读者理解并掌握这些列表元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<ul>
		<li>朝辞白帝彩云间</li>
		<li>千里江陵一日还</li>
		<li>两岸猿声啼不住</li>
		<li>轻舟已过万重山</li>
	</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>
	<ol>
		<li>朝辞白帝彩云间</li>
		<li>千里江陵一日还</li>
		<li>两岸猿声啼不住</li>
		<li>轻舟已过万重山</li>
	</ol>
		<ol>
		<li>朝辞白帝彩云间</li>
		<li>千里江陵一日还</li>
		<li>两岸猿声啼不住</li>
		<li>轻舟已过万重山</li>
	</ol>
		<ol type="1">
		<li>朝辞白帝彩云间</li>
		<li>千里江陵一日还</li>
		<li>两岸猿声啼不住</li>
		<li>轻舟已过万重山</li>
	</ol>
		<ol type="i">
		<li>朝辞白帝彩云间</li>
		<li>千里江陵一日还</li>
		<li>两岸猿声啼不住</li>
		<li>轻舟已过万重山</li>
	</ol>
		<ol type="a">
		<li>朝辞白帝彩云间</li>
		<li>千里江陵一日还</li>
		<li>两岸猿声啼不住</li>
		<li>轻舟已过万重山</li>
	</ol>
			<ol type="A">
		<li>朝辞白帝彩云间</li>
		<li>千里江陵一日还</li>
		<li>两岸猿声啼不住</li>
		<li>轻舟已过万重山</li>
	</ol>
	<dl>
		<dt>诗歌</dt>
		<dd>朝辞白帝彩云间</dd>
		<dd>千里江陵一日还</dd>
		<dd>两岸猿声啼不住</dd>
		<dd>轻舟已过万重山</dd>
	</dl>
</body>
</html>

展示效果：对应各种列表

Document