一、html语法规范
什么是注释?
在同学上课学习时，我们会在书本段落间记录内容的注解，方便下次看到此处理解。
问题：我们在书本段落间记录下的注解是为了给谁看的？ 下次的阅读课本者（自己）。
程序员在写代码时也会添加注释，方便下次看到此处时方便想起功能和含义。
问题：程序员在代码中添加的注释，是为了给谁看的？下次的阅读代码者（自己或者其他程序员）。
注释的作用：
为代码添加的具有解释性、描述性的信息，主要用来帮助开发人员理解代码， 浏览器执行代码时会忽略所有的注释。
注释的快捷键：在VS Code中：ctrl + / 。
1. 标签由<、>、/、英文单词或字母组成。并且把标签中<>包括起来的英文单词或字母称为标签名
2. 常见标签由两部分组成，我们称之为：双标签。前部分叫开始标签，后部分叫结束标签，两部分之间包裹内容
3. 少数标签由一部分组成，我们称之为：单标签。自成一体，无法包裹内容
<head>
<title></title>
</head><head></head>
<body></body>二、 开发工具的使用
1）开发工具自动生成代码
工具优势：开发工具能自动补全HTML骨架结构，相比手动编写可节省80%以上的基础代码输入时间
典型场景：创建新HTML文件时，工具会自动生成<!DOCTYPE html>声明、<html>标签、<head>和<body>等必要结构
2）VS Code介绍
市场地位：当前企业级开发最流行的前端工具，2023年市场占有率超过65%
核心优势：
轻量化：安装包仅70MB左右，运行时内存占用低
插件生态：支持超过3万款扩展插件（如Emmet、Live Server等）
跨平台：完美支持Windows/macOS/Linux三大系统
免费开源：MIT许可证允许商业用途且无功能限制
竞品对比：
WebStorm：功能强大但收费（$129/年），内存占用高
Sublime Text：部分高级功能需付费（$80终身）
Dreamweaver：安装包超过1GB，大学教学常用但企业少用
HBuilder：中文友好但功能臃肿
3）使用文本编辑器写代码
传统方式：使用记事本等文本编辑器需手动输入所有标签和符号
效率问题：
输入<tag></tag>等闭合标签耗时增加300%
缺少语法高亮和错误提示，调试困难
无法使用代码片段(Snippet)等快捷输入功能
三、 VS Code使用前要求
四、VS Code快捷键
2. 保存文件：ctrl + s
注意1：写完文件之后务必需要保存文件，否则网页无变化
注意2：可以设置自动保存省去每次保存的麻烦
3. 快速查看网页效果：右击 → Open in Default Browser
快捷键：alt + b
注意：必须安装了open in browser 插件
4. 快速生成结构标签：! + tab
注意1：!必须是英文的，中文!无效
注意2：必须保证当前文件后缀名是.html，否则无效
VS Code自动生成的骨架多了其他标签，之后会介绍