HTML常用标签（列表标签）二

最新推荐文章于 2022-03-01 17:34:08 发布

咸鸭蛋炒饭

最新推荐文章于 2022-03-01 17:34:08 发布

阅读量530

点赞数

分类专栏： HTML5基础篇文章标签： html 标签经验

本文链接：https://blog.csdn.net/u010853130/article/details/54892336

版权

HTML5基础篇专栏收录该内容

121 篇文章 7 订阅

订阅专栏

这个标签比较重要，单独拿出来

1.列表标签：

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>列表</title>
	</head>
	<body>
		<!-- 
			列表类似于购物清单
				HTML中一共有三种列表
				1.无序列表
					- 使用ul标签来创建一个无序列表
					- 使用li向无序列表中添加列表项
					- 无序列表默认使用 圆点 来作为项目符号	
				2.有序列表
					- 有序列表和无序列表类似，不同的是它使用ol来创建其他的都和无序列表一样
					- 有序列表使用有序的序号 作为项目符号	
				3.定义列表	
					- 定义列表用来对一些内容做解释说明的
					- 使用 dl 来创建一个定义列表
					- 在dl中使用dt，来创建一个定义项
					- 使用dd来创建一个对定义项的描述
				
				
				- 列表之间可以互相嵌套，可以在有序列表中放无序列表，也可以在无序列表放有序列表
		-->
		<ul>
			<li>西红柿</li>
			<li>大茄子</li>
			<li>小辣椒</li>
		</ul>
		
		<ol>
			<li>桃花源记</li>
			<li>岳阳楼记</li>
			<li>小石潭记</li>
			<li>醉翁亭记</li>
		</ol>
		
		<p>菜谱</p>
		<ul>
			<li>
				鱼香肉丝
				<ol>
					<li>鱼</li>
					<li>香</li>
					<li>肉丝</li>
				</ol>
			</li>
			<li>宫保鸡丁</li>
			<li>青椒肉丝</li>
		</ul>
		
		<dl>
			<dt>武松</dt>
			<dd>景阳冈上的大虎英雄，战斗力99</dd>
			<dd>后来打死西门大官人，后逃逸，出家为僧</dd>
			<dt>武大</dt>
			<dd>著名餐饮企业家，战斗力0</dd>
		</dl>
		
	
	</body>
</html>