一、什么是HTML？
1.1.网页
在了解HTML之前先来了解一下网页
网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。
网页是网站中的一“页”，通常**是 HTML 格式的文件**，它要通过浏览器来阅读。
网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，
常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件
1.2.HTML
HTML 指的是**超文本标记语言** (Hyper Text Markup Language) ，它是用来描述网页的一种语言。
HTML 不是一种编程语言，而是一种标记语言 (markup language)。
标记语言是一套标记标签 (markup tag)。
~~它并不是一种编程语言哦~~
超文本指的是什么？
- 可以加入图片、声音、动画、多媒体等内容（超越了文本限制 ）。
- 可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本 ）。
浏览器：是网页显示、运行的平台。
浏览器内核：排版引擎、解释引擎、渲染引擎
二、web标准
2.1.构成
主要包括结构、表现、行为三部分组成
- 结构标准用于对网页元素进行整理和分类(HTML)
- 表现标准用于设置网页元素的版式、颜色、大小等外观属性(CSS)
- 行为标准用于对网页模型的定义及交互的编写(JavaScript)
- （简单理解：结构写到html文件里，表现写到css文件里，行为写到JavaScript文件里）**
2.2.web标准的优点
- 易于维护：只需更改CSS文件，就可以改变整站的样式
- 页面响应快：HTML文档体积变小，响应时间短
- 可访问性：语义化的HTML（结构和表现相分离的HTML）编写的网页文件，更容易被屏幕阅读器识别
- 设备兼容性：不同的样式表可以让网页在不同的设备上呈现不同的样式
- 搜索引擎：语义化的HTML能更容易被搜索引擎解析，提升排名
三、HTML 语法规范
3.1.HTML语法规范
- HTML标签名、类名、标签属性和大部分属性值统一用小写
- 双标签 例如<body></body>
- 单标签 <br />或<br>
- 标签关系分为 包含关系和并列关系 缩进可以体现
<!--根标签--><html><!--头部标签--><head><!--标题标签--><title></title></head><!--主体部分--><body></body>
3.2.文档类型声明标签
文档类型用来说明你用的XHTML或者HTML是什么版本。<!DOCTYPE html>告诉浏览器按照HTML5标准解析页面。
<!--它不是HTML标签，是文档类型声明标签-->
3.3.lang语言种类
<!--en定义语言为英文--><htmllang="en"><!--zh-CN定义语言为中文--><htmllang="zh-CN">
整体骨架：
<htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Document</title></head><body></body></html>
3.4.字符集
> 字符集:(Character
> set)是多个字符的集合,计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。
- UTF-8是目前最常用的字符集编码方式
- 让 html 文件是以 UTF-8 编码保存的， 浏览器根据编码去解码对应的html内容。
<metacharset="UTF-8">
3.5.开发工具vscode的使用
vscode官网：[Vscode](https://code.visualstudio.com/)
基本使用
1. 新建文件<ctrl + N)
2. 保存(ctrl + s),更改所需要的文件类型后缀名
3. ctrl ++(加号) ，放大字体 ctrl + -(减号) 缩小字体
4. 生成页面骨架，输入！按回车或者tab、
5. 利用插件在浏览器中预览页面，鼠标右键，点击"open in Default Browser"
(插件可以在插件商城搜索 open in browser 进行安装)
快速生成骨架现在好像！不能用了，改用html:5
