一、HTML简介
1.网页
1.1 什么是网页
网站是网页的集合，网页是网站中的一“页”（构成网站的基本元素）。
网页由图片、链接、文字、声音、视频等元素构成，通常是HTML格式的文件（.htm.或html后缀），通过浏览器来阅读。
1.2 什么是HTML
HTML (超文本标记语言)，它是用来描述网页的一种标记语言（一套标记标签）。
超文本的两层含义：
1. 它可以加入图片、声音、动画、多媒体等内容（超越了文本限制 ）。
2. 它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本 ）。
1.3 网页的形成
HTML标签描述--->网页元素--->网页--->浏览器解析后显示
2.常用浏览器
常用的浏览器（五大浏览器）有： IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。
| 浏览器 | 内核 | 备注 |
| IE | Trident | IE、猎豹安全、360极速浏览器、百度浏览器 |
| firefox | Gecko | 火狐浏览器 |
| Safari | Webkit | 苹果浏览器 |
| chrome/Opera | Blink | chrome/Opera浏览器。Blink是Webkit的分支 |
目前国内一般浏览器都会采用 Webkit/Blink 内核，如 360、UC、QQ、搜狗等。
※3.web标准
主要包括结构 、表现和行为三个方面。
| 标准 | 说明 |
| 结构 | 结构用于对网页元素进行整理和分类 |
| 表现 | 表现用于设置网页元素的版式、颜色、大小等外观样式 |
| 行为 | 行为是指网页模型的定义以及交互的编写 |
Web 标准提出的最佳体验方案：结构、样式、行为相分离。（结构写到 HTML 文件中， 表现写到 CSS 文件中， 行为写到 JavaScript 文件中。）
二、HTML标签
1.HTML语法规范
1.1 基本语法概述
1. HTML 标签是由尖括号包围的关键词，例如 <html>。
2. HTML 标签通常是成对出现的，例如 <html> 和 </html> ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。
3. 有些特殊的标签必须是单个标签（极少情况），例如 <br />，我们称为单标签。
1.2 标签关系
双标签关系可分为两类：包含关系和并列关系。
包含关系(嵌套关系、父子关系)
<head>
<title></title>
</head>
并列关系（兄弟关系）
<head></head>
<body></body>2.HTML基本结构标签
每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。
<html>
<head>
<title>我的第一个页面</title>
</head>
<body>
第一个HTML网页
</body>
</html>
| 标签名 | 定义 | 说明 |
| <html></html> | HTML标签 | 页面中最大的标签，称为根标签 |
| <head></head> | 文档的头部 | 在head标签中必须设置title标签 |
| <title></title> | 文档的标题 | 让页面拥有一个属于自己的页面标题 |
| <body></body> | 文档的主体 | 包含文档的所有内容，页面的内容基本都放在body中 |
3.网页开发工具
vscode快捷键
1. 快速复制一行
快捷键： shift+alt+ 下箭头(上箭头) 或者 ctrl+c 然后 ctrl+v
2. 选定多个相同的单词快捷键： ctrl + d
先双击选定一个单词，然后按下 ctrl + d 可以往下依次选择相同的单词。
3. 添加多个光标快捷键： Ctrl + Alt + 上箭头(下箭头)
4. 全局替换某写单词
快捷键： ctrl + h
注意选择全部替换即可
5. 快速定位到某一行快捷键： ctrl + g
再输入行数即可
6. 选择某个区快捷键： 按住shift + alt 然后拖动鼠标
可以选择一个区块进行操作
7. 放大缩小整个编辑器界面快捷键： ctrl + + / - ctrl + 加号或者减号
8.注释
快捷键：ctrl + /
9. 自定义快捷键如js 的多行注释是 shift + alt + a ，我们想修改为 ctrl + shfit + /
设置方法： 管理按钮 --- 键盘快捷方式 --- 输入 shift + alt + a 找到这个快捷键 ----- 点击编辑按钮 ---- 直接按下 ctrl + shift + / ---- 最后按下回车 修改完毕。
3.1 文档类型声明标签
<!DOCTYPE html>
1.用来告诉浏览器使用哪种HTML版本来显示网页。上面的代码表示： 当前页面采取的是 HTML5 版本来显示网页。
2. <!DOCTYPE> 声明位于文档中的最前面的位置；他是文档类型声明标签，不是HTML标签。
3.2 lang 语言种类
用来定义当前文档显示的语言。
定义为en 就是英文网页, 定义为 zh-CN 就是中文网页；定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文。
3.3 字符集
1.字符集是多个字符的集合。以便计算机能够识别和存储各种文字。
2.在<head>标签内，可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。
<meta charset="UTF-8">
注意：上面语法是必须要写的代码，否则可能引起乱码的情况。一般情况下，统一使用“UTF-8”（万国码，基本包含全世界所有国家需要用到的字符）编码。
标签：pink,网页,ctrl,标签,DAY1,HTML,HTML5,浏览器,快捷键 From： https://www.cnblogs.com/wyhdebk/p/17895591.html