HTML——ul、ol、dl标签

<!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
  • 朝辞白帝彩云间
  • 千里江陵一日还
  • 两岸猿声啼不住
  • 轻舟已过万重山
  • 朝辞白帝彩云间
  • 千里江陵一日还
  • 两岸猿声啼不住
  • 轻舟已过万重山
  • 朝辞白帝彩云间
  • 千里江陵一日还
  • 两岸猿声啼不住
  • 轻舟已过万重山
  1. 朝辞白帝彩云间
  2. 千里江陵一日还
  3. 两岸猿声啼不住
  4. 轻舟已过万重山
  1. 朝辞白帝彩云间
  2. 千里江陵一日还
  3. 两岸猿声啼不住
  4. 轻舟已过万重山
  1. 朝辞白帝彩云间
  2. 千里江陵一日还
  3. 两岸猿声啼不住
  4. 轻舟已过万重山
  1. 朝辞白帝彩云间
  2. 千里江陵一日还
  3. 两岸猿声啼不住
  4. 轻舟已过万重山
  1. 朝辞白帝彩云间
  2. 千里江陵一日还
  3. 两岸猿声啼不住
  4. 轻舟已过万重山
  1. 朝辞白帝彩云间
  2. 千里江陵一日还
  3. 两岸猿声啼不住
  4. 轻舟已过万重山
诗歌
朝辞白帝彩云间
千里江陵一日还
两岸猿声啼不住
轻舟已过万重山

猜你喜欢

转载自blog.csdn.net/qq_39228087/article/details/83046697