HTML快捷键
ctri+Alt+A 截图 ctrl+shift+k 删除
shift+Alt+向下箭头 向下复制一行 shift+Alt+向上箭头 向上复制一行
ctrl+shift+ + 整个界面变大 ctrl+回车 下一行
ctrl+s 撤销 ctrl+/ 注释
windows+v 剪切板
标签标记： 成对<><>
.<标签名> 标签体 </标签名>
起始标签 结束标签
标签 又被称为元素 是HTML的基本元素
标签名不分大小写 但小写更加规范
双标签
<标签名> 标签体 </标签名>
单标签
</标签名>
HTML标签之间的关系
-
父子关系（嵌套关系）
-
兄弟关系（并列关系）
-
可以使用tab建进行缩进
HTML 标签属性
- 用于给标签提供 附加属性
- 可以写在起始标签和单标签中
- <标签名 属性名=“属性值”>
- 有些标签只有属性值没有属性名
- 标签中不要出现同名属性 ，否则后写的失效
安装vscode和Live Server插件
使用vscode打开文件夹，否则Live Server 无法工作
打开的网页是HTML结构，否则无法自动刷新
HTML的注释
ctrl+z 撤销 ctrl+/ 注释
注释内容
HTML 文档声明
1. 作用：告诉浏览器当前网页的版本。
3. 注意：文档声明，必须在网页的第一行，且在 html 标签的外侧。
HTML 字符编码
1. 计算机对数据的操作： 存储时，对数据进行：编码。 读取时，对数据进行：解码。
2. 编码、解码，会遵循一定的规范 —— 字符集。
3. 字符集有很多中，常见的有（了解）：
总结：
平时编写代码时，统一采用 UTF-8 编码（最稳妥）。
为了让浏览器在渲染 html 文件时，不犯错误，可以通过 meta 标签配合 charset 属性指 定字符编码。
HTML 设置语言
1. 主要作用： 让浏览器显示对应的翻译提示。 有利于搜索引擎优化。
2. 具体写法：
HTML标准结构
HTML标准结构如下：
输入 ! ，随后回车即可快速生成标准结构。
配置 VScode 的内置插件 emmet ，可以对生成结构的属性进行定制。、
在存放代码的文件夹中，存放一个 favicon.ico 图片，可配置网站图标。
HTML 基础
1. 开发者文档
W3C官网： www.w3c.org
W3School： www.w3school.com.cn
MDN： developer.mozilla.org —— 平时用的最多。
2. 排版标签
1. h1 最好写一个， h2~h6 能适当多写。
2. h1~h6 不能互相嵌套，例如： h1 标签中最好不要写 h2 标签了。
3. p 标签很特殊！它里面不能有： h1~h6 、 p 、 div 标签（暂时先这样记，后面会说规律）。
3. 语义化标签
概念：用特定的标签，去表达特定的含义。
原则：标签的默认效果不重要（后期可以通过 CSS 随便控制效果），语义最重要！
举例：对于 h1 标签，效果是文字很大（不重要），语义是网页主要内容（很重要）。
优势： 代码结构清晰可读性强。 有利于 SEO（搜索引擎优化）。 方便设备解析（如屏幕阅读器、盲人阅读器等）。
4. 块级元素 与 行内元素
1. 块级元素：独占一行（排版标签都是块级元素）。
2. 行内元素：不独占一行。
3. 使用原则：
5 文本标签_常用的
1. 用于包裹：词汇、短语等。
2. 通常写在排版标签里面。
3. 排版标签更宏观（大段的文字），文本标签更微观（词汇、短语）。
4. 文本标签通常都是行内元素。
6.文本标签_不常用的
7. 图片标签
8 常见图片格式
jpg png bmp gif wep base64
9 超链接
主要作用：从当前页面进行跳转。 可以实现：①跳转到指定页面、②跳转到指定文件（也可触发下载）、③跳转到锚点位置、④唤起指定 应用
跳转到页面
跳转到文件
跳转到锚点
什么是锚点？—— 网页中的一个标记点。 具体使用方式：
唤起指定应用
10 列表
有序列表
无序列表
列表嵌套
概念：列表中的某项内容，又包含一个列表（注意：嵌套时，请务必把解构写完整）。
自定义列表
1. 概念：所谓自定义列表，就是一个包含术语名称以及术语描述的列表。
2. 一个 dl 就是一个自定义列表，一个 dt 就是一个术语名称，一个 dd 就是术语描述（可以有多个
11 表格
基本结构
一个完整的表格由：表格标题、表格头部、表格主体、表格脚注，四部分组成。
table ：表格
caption ：表格标题
thead ：表格头部
tbody ：表格主体
tfoot ：表格注脚
tr ：每一行
th 、 td ：每一个单元格（备注：表格头部中用 th ，表格主体、表格脚注中用： td ）
跨行跨列
1. rowspan ：指定要跨的行数。
2. colspan ：指定要跨的列数。
12 表单
概念：一个包含交互的区域，用于收集用户提供的数据。
① 文本输入框
② 密码输入框
③ 单选框
④ 复选框
⑤ 隐藏域
⑥ 提交按钮
⑦ 重置按钮
⑧ 普通按钮
⑨文本域
⑩ 下拉框
禁用表单控件
给表单控件的标签设置 disabled 既可禁用表单控件。
label 标签
label 标签可与表单控件相关联，关联之后点击文字，与之对应的表单控件就会获取焦点。
两种与 label 关联方式如下： 1. 让 label 标签的 for 属性的值等于表单控件的 id 。
2. 把表单控件套在 label 标签的里面。
fieldset 与 legend 的使用（了解）
fieldset 可以为表单控件分组、 legend 标签是分组的标题。
