列表嵌套 课堂笔记

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表嵌套</title>
	</head>
	<body>
		<!--有序列表跟无序列表之间可以互相嵌套,但是最好将需要嵌套的内容放在li标签内部,以免发生不必要的错误。-->
		<ol>
			<li>
				苹果
				<ul>
					<li>苹果</li>
					<li>香蕉</li>
					<li>梨子</li>
					<li>葡萄</li>
					<li>桃子</li>
					<li>李子</li>
				</ul>
			</li>
			<li>香蕉</li>
			<li>梨子</li>
			<li>葡萄</li>
			<li>桃子</li>
			<li>李子</li>
		</ol>
		<ul>
			<li>
				苹果
				<ol>
					<li>苹果</li>
					<li>香蕉</li>
					<li>梨子</li>
					<li>葡萄</li>
					<li>桃子</li>
					<li>李子</li>
				</ol>
			</li>
			<li>香蕉</li>
			<li>梨子</li>
			<li>葡萄</li>
			<li>桃子</li>
			<li>李子</li>
		</ul>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/S_1978P1/article/details/81326751