Web开发基础-HTML-02

HTML常用标签【元素】

文本元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文本元素</title>
	</head>
	
	<body>
		<!-- 1.标题(h1~h6) -->
		<h1>苍老师</h1>
		<h2>李磊</h2>
		<h3>韩梅梅</h3>
		<!-- 2.段落 -->
		<p>李磊暗恋韩梅梅</p>
		<p>苍老师吃醋</p>
		<!-- 3.列表 -->
		<!-- 3.1有序列表 -->
		<ol>
			<li>浙江省</li>
			<li>福建省</li>
			<li>山东省</li>
		</ol>
		<!-- 3.2无序列表 -->
		<ul>
			<li>北京</li>
			<li>上海</li>
			<li>广州</li>
		</ul>
		<!-- 3.3列表嵌套 -->
		<!-- 将ul作为外层li的内容来对待 -->
		<ol>
			<li>
				浙江省
				<ul>
					<li>杭州</li>
					<li>宁波</li>
					<li>温州</li>
				</ul>
			</li>	
			<li>
			江苏省
				<ul>
					<li>南京</li>
					<li>无锡</li>
					<li>苏州</li>
				</ul>
			</li>
			<li>
				山东省
				<ul>
					<li>济南</li>
					<li>德州</li>
					<li>青岛</li>
					<li>台儿庄</li>
				</ul>
			</li>
		</ol>
		
		<ul>
			<li>
				鲜花
				<ol>
					<li>荷花</li>
					<li>水仙</li>
					<li>玫瑰</li>
				</ol>
			</li>
			<li>
				宠物
				<ol>
					<li>泰迪</li>
					<li>哈士奇</li>
				</ol>
			</li>
		</ul>
	</body>

</html>

猜你喜欢

转载自blog.csdn.net/coder_boy_/article/details/80713862
今日推荐