HTML 初体验

发布于:2025-07-14 ⋅ 阅读:(14) ⋅ 点赞:(0)

HTML(超文本标记语言)全称:HyperText Markup Language。

超文本是什么?

答:超文本就是网页中的链接。

标记是什么?

答:标记也叫标签,是带尖括号的文本。

需求1:将“我爱中国”显示在网页上。

代码1:

//需求1:将“我爱中国”显示在网页上。
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		我爱中国
	</body>
</html>

网页结果1:

需求2:将“我爱中国”加粗显示在网页上。

代码2:

//需求2:将“我爱中国”加粗显示在网页上。
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<strong>我爱中国</strong>
	</body>
</html>

网页结果2:

其中"<strong>"叫做开始标签,"</strong>"叫做结束标签。

双标签概念:成对出现的标签,例如上面提及的"<strong></strong>"标签。

单标签概念:只有开始标签,没有结束标签,例如:"<br>"换行标签;"<hr>"水平线标签。

需求3:将“我爱中国”加粗显示在网页上,将“国家富强,民族复兴”不加粗显示在网页上。

代码3:

//需求3:将“我爱中国”加粗显示在网页上,将“国家富强,民族复兴”不加粗显示在网页上。
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<strong>我爱中国</strong>
		国家富强,民族复兴
	</body>
</html>

网页结果3:

需求4:将“我爱中国”加粗显示在网页上,将“国家富强,民族复兴”不加粗换行显示在网页上。

代码4:

//需求4:将“我爱中国”加粗显示在网页上,将“国家富强,民族复兴”不加粗换行显示在网页上。
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<strong>我爱中国</strong>
		<br>国家富强,民族复兴
	</body>
</html>

网页结果4:

需求5:将“我爱中国”显示在网页上,在下一行显示一条水平线。

代码5:

//需求5:将“我爱中国”显示在网页上,在下一行显示一条水平线。
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<strong>我爱中国</strong>
		<hr>
	</body>
</html>

网页结果5:

提问:

1.保存HTML标签的文件扩展名是什么?

答:.html。

2.HTML标签名要放到什么括号里面?

答:尖括号(<>)。

3.结束标签比开始标签多什么?

答:“/”。

4.标签包裹的内容放在什么位置?

答:开始标签和结束标签之间。


网站公告

今日签到

点亮在社区的每一天
去签到