HTML定义
HTML超文本标记语言——Hyper Text Markup Language
- 超文本是什么？ 超文本指的是链接
- 标记是什么？ 标记也叫标签，带尖括号的文本
HTML标签的语法
1.1基本语法概述
- HTML标签是由尖括号包围的关键词，例如<html>
- HTML标签通常是成对出现的，例如<html>和</html>,我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。
- 有些特殊的标签必须是单个标签（极少情况），例如<br />,我们称为单标签.
1.2标签关系
双标签关系可以分为两类：包含关系和并列关系。
包含关系
<head>
<title></title>
</head>并列关系
<head></head>
<body></body>
HTML基本结构标签
2.1第一个HTML网页
每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。
HTML页面也称为HTML文档。
<html>
<head>
<title>我的第一个页面</title>
</head>
<body>
写入内容
</body>
</html>在文件夹中的文档中写入以下代码，将文档.txt后缀重命名为.html后缀，于是写出自己的第一个网页
HTML文档的后缀名必须是.html或.htm，浏览器的作用是读取HTML文档,并以网页的形式显示出它们。此时，用浏览器打开网页，我们就能预览我们写的第一个HTML文件了。
2.2VScode的使用
通过安装LIve Server实时监测网页内容的变化更改，更加方便操作。
3.网页开发工具
3.1文档类型声明标签
<!DOCTYPE>文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>这句代码表示：当前页面采取的是HTML5版本来显示网页。
注意：
1.<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。
2.<!DOCTYPE>不是一个HTML标签，它就是文档类型声明标签。
3.2 lang 语言种类
用来定义有当前文档显示的语言。
1.en定义语言为英语
2.zh-CN定义语言为中文
简单来说，定义en就是英文网页，定义zh-CN就是中文网页
其实对于文档显示来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文
这个属性对浏览器和搜索引擎（百度，谷歌等）还是有作用的。
3.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.HTML常用标签
4.1标签语义
学习标签是有技巧的，重点是记住每个标签的语义，简单理解就是指标签的含义，即这个标签是用来用来干嘛的。
更具标签的语义，再合适的地方给一个最合理的标签，可以让页面结构更清晰。
4.2标题标签<h1>-<h6>(重要）
为了使网页具有语义化，我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题，即<h1>-<h6>。
<h1>我是一级标题</h1>
标签语义：作为标题使用，并且依据重要性递减。
特点：
1.加了标题的文字会变的加粗，字号也会依次变大。
2.一个标题独占一行。
620
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
