目录
嵌套关系(包含关系、父子关系):一个双标签里面包含其他的标签。
1.1基本语法概述:
HTML 标签,是由尖括号包围的关键词,例如
<html>
HTML 标签通常成对出现,例如 <html> 和 </html> ,称为双标签。
标签对中的第一个标签是开始标签,第二个标签是结束标签。
有些特殊的标签只有一部分组成,例如 <br>、<hr>,称为单标签。
1.2 标签关系:
标签关系可以分为两类:
-
嵌套关系(包含关系、父子关系):一个双标签里面包含其他的标签。
<head>
<title> </title>
</head>
2)并列关系(兄弟关系):两个标签处于同一级别。
<head> </head>
<body> </body>
2 基础结构标签
<html> </html> | html标签,根标签,网页的整体 |
<head> </head> | head标签,网页的头部 |
<title> </title> | title标签,网页的标题 |
<body> </body> | body标签,网页的主体,页面内容基本都放在body里 |
形象展示::
3.1 <!DOCTYPE>
<!DOCTYPE>:文档类型声明,用于告知浏览器当前页面使用的HTML
版本,目的是让浏览器能够正确地渲染页面。
<!DOCTYPE html>
这句代码相当于告知浏览器,当前页面是采用 HTML5规范编写的。
注意:
• <!DOCTYPE> 声明位于文档中最前面的位置,处于<html>标签之前。
• <!DOCTYPE>不是 一个HTML 标签。
3.2 lang
lang 属性用于定义当前文档显示的语言。
<html lang="en">
• en 代表英语
• zh-CN 代表中文
简单来说,定义为 en 就是英文网页,定义为 zh-CN 就是中文网页。
对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文
档也可以显示英文。
该属性对浏览器、搜索引擎(百度、谷歌等)有作用。
3.3 meta
<meta>标签的 charset 属性用来规定 HTML 文档使用的是哪种字符编码。
<meta charset="UTF-8" />
UTF-8 被称为万国码字符编码,基本包含了全世界所有国家需要用到的字符。
注意:
• 上面语法是必须要写的代码,否则可能引起乱码。
• 一般情况下,统一使用“UTF-8”编码,并且尽量统一写成标准的 "UTF-8",
不要写成 "utf8" 或 "UTF8"。