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.标签包裹的内容放在什么位置?
答:开始标签和结束标签之间。