一、 HTML标签
1.HTML语法规范
(1) 基本语法概括
HTML标签是由尖括号包围关键词,例如<html>.
(2)HTML标签通常是成对出现的,例如<html>和</html>,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。
双标签
(3) 有些特殊标签必须是单个标签(极少数情况),例如<br/>,我们称为单标签。
1. 标签关系
双标签关系可以分为两类:包含关系和并列关系。
包含关系(可以理解成父子关系)
<div>
<ul></ul>
</div>
并列关系(可以理解为兄弟关系)
<head></head>
<body></body>
html></html>开始标签
2. HTML基本结构标签
(1) 第一个HTML网页
每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写。
HTML页面也称为HTML文档。
标签名 | 定义 | 说明 |
<html></html> | HTML标签 | 页面中最大的标签,我们称为根标签 |
<head></head> | 文档头部标签 | 注意在head标签中我们必须要设置的标签是title |
<title></title> | 文档的标签 | 让页面拥有一个属于自己的网页标签 |
<body></body> | 文档的主体 | 元素包含文档的所有内容,页面内容,页面内容基本都是放在body里面的 |
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
</body>
</html>
HTML文档的后缀名必须是.html或者.htm,浏览器的作用是读取HTML文档,并以网页的形式显示出他们。
用浏览器打开这个网页,就可以预览到我们的html文件了。
(2) 基本结构标签总结
(3) <html > //html最大的标签,根标签
(4) <head> //文档的头部标签
(5) <title></title> //网页标题
(6) </head>
(7) <body> //文档的主体部分,网页内容基本都是放到boby里面的
(8)
(9) </body>
(10) </html>
注:文字内容是注释部分(写网页的时候不可以这样写)
(3)用VScode时需要注意的一些东西
①文档类型声明标签
<!DOCTYPE html>文档类型声明,作用就是告诉浏览器使用那种HTML版本来显示网页。
<!DOCTYPE html>
告诉我们当前的页面采取的HTML5版本来显示网页
②Lang语言种类
En用来定义语言为英语
Zh-CN定义语言为中文
简单来说定义en就是英文网页,定义为zh-cn就是中文网页
其实对于文档显示来说,定义成en的文档页可以显示中文,定义zh-cn的文档也可以显示英文
③字符集
字符集是多个字符集的集合。方便计算机能够识别和存储各种文字。
在<head>标签内,可以通过<meta>标签的charset属性来规定HTML文档应该使用那种字符编码。
<meta charset="UTF-8">
Charset常用的值有:GB2312、BIG5、GBK和UTF-8,其中UTF-8也称为万国码,基本包含了全世界所有国家需要用到的字符。
注意:上面的语法是必须要写的代码,否则可能引起乱码的情况,一般情况下,统一使用“UTF-8”编码,尽量统一写成标准的“UTF-8”,不要写成“utf8”或“UTF8”。
总结:
1. 以上三个代码VScode自动生成基本不需要我们重写
2. <!DOCTYPE html>文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面
3. <html lang="en">告诉浏览器或者搜索引擎
4. <meta charset="UTF-8">必须写,采取UTF-8来保存文字,如果不写就会乱码