持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第2天，点击查看活动详情
1. 编辑器的选择
这个编辑器，就像厨师的菜刀，顺手才是好的。市面上的编辑器有很多，有的使用记事本、有的使用IDE，有的使用vs code。
a. 记事本
有的大佬使用记事本，或者有的初学者使用记事本，说实话，不建议使用记事本，效率慢，而且容易出错，但是适合初学者记忆和规范书写代码。
b. IDE
这个IDE基本属于开发者的热爱，比如webstorm，yyds，效率快到飞起。但是不好的是，这个需要付费，而且是重量级的开发软件，好多公司使用的是破解的，可能有安全隐患，所以，没有条件的，建议使用下面开源轻量级的编辑器。
c. vs code
小编非常喜欢使用这个轻量级的编辑器，插件多，启动快，不是鼓吹哈，可能是顺手。也是接下来我们在学习中主要使用的软件。
2. 浏览器的使用
浏览器在上篇我们也介绍过了，我们接下来在学习中，主要使用的是chrome。这个也是主流的浏览器，自带debug。
只需要按键盘F12，就打开了。
3. 基础标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
我们可以看到的标签有head，body，html。这几个都是双标签。也是html页面的基础标签，也是每个html文档的主要组成的部分，必不可少。 我们来一一分析一下以上的代码。
<!DOCTYPE html>
这个是html文档的声明，让浏览器识别此文档是什么。
<html lang="en">
这个是文档的起始标签，让浏览器识别，文档从哪里开始翻译。
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
这个是html预加载文件，好比预热数据，如，文档让浏览器翻译的语言，css渲染的路径，文件的名称等等。
<body>
</body>
这个标签就是html文档的主要部分，页面看到的图片，文字等，都应该写在这个里面。
