<html>
和</html>
,成此类标签为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。有些特殊的标签必须是单个标签(极少情况),例如<br />
,称此类标签为单标签。1.2 标签关系双标签关系可以分为两类:包含关系和并列关系。 包含关系:
<head>
<title> </title>
</head>
并列关系:
<head> </head>二、HTML基本结构标签2.1 第一个HTML网页
<body> </body>
每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写。而HTML页面也称为HTML文档。
标签名
定义
说明
<html></html>
HTML标签
页面中最大的标签,称之为根标签
<head></head>
文档的头部
注意在head标签中我们必须要设置的标签是title
<title></title>
文档的标题
让页面拥有一个属于自己的网页标题
<body></body>
文档的主体
元素包含文档的所有内容,页面内容基本都是放到body里面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>html学习之第一个页面</title>
</head>
<body>
安全入门之web基础学习
</body>
</html>
HTML文档的后缀名必须是.html或.htm,浏览器的作用只是读取HTML文档,并且以网页的形式显示。
2.2 第一个网页中标签说明1.文档类型声明标签:<!DOCTYPE>
文档类型声明,作用是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>
这句代码的意思是:当前页面采取html5版本来显示网页。
注意:
1)<!DOCTYPE>
声明位于文档中的最前面的位置,处于标签之前。
2)<!DOCTYPE>
不是一个HTML标签,他是文档类型声明标签。
2.lang语言种类:用来定义当前文档显示的语言。
1)en定义语言为英语
2)zh-CN定义语言为中文 即定义为en就是英文网页,定义为zh-CN就是中文网页;该属性对浏览器和搜索引擎(百度、谷歌等)还是有作用的。
3.字符集(character set):是多个字符的集合,以便计算机能够识别和存储各种文字。
在<head>
标签内,可以通过<meta>
标签的charset属性来规定HTML文档应该使用哪种字符编码。
<meta charset="UTF-8"/>
charset常用的值有:GB2312(简体中文)、BIG5(繁体中文)、GBK(简体中文和繁体中文)和UTF-8,其中UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符。
注意:该语法是必须要写的代码,否则可能引起乱码的情况,一般情况下统一使用“UTF-8”编码,尽量统一写成标准的“UTF-8”,不要写成“UTF8”或“utf8”。
4.下次详细讲述以下标签
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">