2.1列表标签

73 阅读1分钟
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		/* 去除列表标志项 */
		/* li{
			list-style: none;
		} */
	</style>
</head>
<body>
	<!-- 1.无序列表 ul li配合使用 没有顺序之分-->
	<!-- 修改列表标志项 type 默认值disc circle(空心圆) square(小方块)-->
	<ul type="square">
		<li>运行鸡块面</li>
		<li>临汾牛肉面</li>
		<li>大同刀削面</li>
	</ul>
	<!-- 2.有序列表 ol li配合使用 有顺序之分 type 1默认值 A a i I -->
	<ol type="I">
		<li>菏泽曹县</li>
		<li>临县</li>
		<li>方山县</li>
	</ol>
	<!-- 3.自定义列表 dl dt dd配合使用  definition list definition title definition description-->
	<dl>
		<!-- 定义列表标题标签 -->
		<dt>钓鱼岛</dt>
		<!-- 定义列表对标题标签得描述 -->
		<dd>是中国的</dd>
		<dt>樱花富士山</dt>
		<dd>马上就要爆发了</dd>
	</dl>

</body>
</html>