提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
目录
前言
HTML语法规范：
HTML基本结构标签
开发工具的使用：
工具插件推荐以及快捷键的使用
DOCTYPE和lang以及字符集的作用：
总结
前言
首先我们要引入web标准的概念：即结构（HTML)，表现(CSS)，行为(JavaScript)JS文件，这三者共同搭建起网页的框架
HTML语法规范：
双标签：<html> </html>
单标签：<br/>
HTML标签是由尖括号包围的关键词，如<html>
通常成对出现，也就是双标签，第一个标签为开始标签，第二个标签为结束标签
特殊的标签为单标签，单个出现
HTML标签关系：
1.包含关系（父子关系）
<head>
<title></title>
</head>
2.并列关系（兄弟关系）
<head></head>
<body></body>HTML基本结构标签
开发工具的使用：
开发工具（VScode)的下载地址：Visual Studio Code - Code Editing. Redefined
[零基础HTML教程(12)--VSCode小试牛刀_vscode html-CSDN博客]
代码演示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>first day</title>
</head>
<body>
临渊羡鱼不如退而结网
</body>
</html>注：记得修改右下角的字符集为utf-8，否则会爆乱码
工具插件推荐以及快捷键的使用
1.Chinese 汉化
2.Auto Rename Tag
3.One Dark pro 颜色主题
4.格式化代码（VScode自带）
5.open in browser 浏览器预览页面
6.Live Server 实时预览
7.vscode-icons 设置文件图标主题
8.Easy LEss 编译less文件
1.快速复制一行：shift+alt+下箭头（上箭头）
2.选定多个相同的单词：ctrl+d
3.添加多个光标：Ctrl+Alt+(上箭头)下箭头
4.全局替换某些单词：ctrl+h
5.多行注释：shift+alt+a
6.快速定位：ctrl+g
7.选择某个区块：shift+alt+拖动鼠标
DOCTYPE和lang以及字符集的作用：
1.<!DOCTYPE>:文档类型声明标签，告诉浏览器的HTML版本
<!DOCTYPE html>
固定写在第一行，为文档类型声明标签，不是HTML标签
2.<html lang=""> lang语言类型，en为英语，zh-CN为中文
3.字符集（Character set)多个字符的集合
在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档的字符编码
例如：<meta charset="UTF-8">,其中UTF-8又被称为万国码，适用性极广
注：以上三个代码vscode自动生成
总结
这篇文章可以理解为着手开始学习前端之路的基石，毕竟万丈高楼平地起
