目 录
1.常见的开发工具有
2.创建HTML文件
3.!DOCTYPE html标签
4.页面语言标签lang
5.设置字符集编码方式charset和META标记
为了提高我们的开发效率，减少代码的出错，我们并不提倡用记事本开发，我们有更好的开发工具。开发工具功能很多并且有很多的快捷方式，更加有利于咱们敲代码有个愉悦的心情。
1.常见的开发工具有
- Dreamweaver
- SublimeText
- WebStorm
- HBuilder
- VScode
咱们学校的实验室一般都用的是Dreamweaver或VScode等等，当然每个学校的规定也大不相同，所以也不一定用的这些!
如上，这两个其实差不多，绿色版本的是国产软件，Hbuilder X可能会出现卡死，闪退的情况，但是对于咱们初学状态，没有什么影响！橙色的是原版的，相应也需要money会员或者免费试用一段时间的情况。所以咱们就来说一说Hbuilder X吧！
（偷偷告诉你们个好消息， Hbuilder X已经放在小编首页的资源里面啦 ！直接下载解压即可！找到HBuilderX.exe双击进行安装，安装的时候也是傻瓜式安装，一个劲儿的点下一步就得了！）
2.创建HTML文件
文件 ---> 新建 ---> 项目（或者点击中间区域的新建项目）
点击基本HTML项目并且给项目命名，最后点击创建
新建好之后的骨架格式就自动生成了！
3.!DOCTYPE html标签
<!DOCTYPE html> <!DOCTYPE html> 是声明位于文档中的最前面的位置，处于 <html> 标签之前。 此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 就是告诉浏览器按照HTML5 规范解析页面.HTML文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明。
4.页面语言标签lang
<html lang="en"> <html lang="en"> 指定html 语言种类 ，最常见的有2个。en定义语言为英语，另一个就是zh-CN定义语言为中文。考虑浏览器和操作系统的兼容性，目前仍然使用 zh-CN 属性值。而且一般这个标签不需要咱们手动设置哦！
5.设置字符集编码方式charset和META标记
<meta charset="UTF-8" />这句代码非常关键， 是 必须要写的代码，否则可能引起乱码的情况。 utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。一般情况下 统一使用 "UTF-8" 编码, 咱们尽量统一写成标准的 "UTF-8"，不要写成 "utf-8" 或 "utf8" 或 "UTF8"。
META标记 是html语言的head部分的一个辅助性的标记的，他位于head和title标记之间，他提供给用户不可见的信息。meta标记的用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie;可以用于来鉴别作者，设置页面格式，标注内容提要和一些关键字，还可以设置页面的自动刷新以及等级等等。
补充：字符集 (Character set)是多个字符的集合。计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。
(小编也在努力学习更多哟!以后再慢慢分享的啦!)
希望对友友们有所帮助!!!!
![HTML简介与开发工具推荐[初学HTML]（一）](https://img-blog.csdnimg.cn/9c51f84c43f94ffdba3f9211a6658fad.png#pic_center)
