本文已参与「新人创作礼」活动，一起开启掘金创作之路。
只要是写前端页面就离不开HTML，那什么是HTML呢？作为一个小白应该从哪开始入手学起呢？框架中的HTML是什么样子的（以VUE为例）呢？本文将解释以上三个问题。
补充：最后有我比较喜欢使用的编译器，不知道用什么的小伙伴可以试试看哦~
什么是HTML
HTML全称是Hypertext expression language，翻译过来叫做超文本标记语言，是国际标准化组织规定的一个用来定义文档结构和指示文档结构标签的共同标准。主要作用就是使用各种规定好的标记符号来显示网页中的各个部分。
之前在学校里和同学调侃“要学前端，先学H5（HTML5）”，这句话也是不无道理的。在我的理解中HTML就像是一个页面的骨骼，只有把骨架搭好了，才能用CSS、JS（之后会谈到）去美化它或者让他“动起来”。
推荐的学习网站（不是视频但免费）
既然HTML有一个共同的标准，那么我们就可以通过各种文档来对他进行了解，下面推荐几个网站供大家参考：
- W3C：www.w3school.com.cn/html/html5_…
- MDN：developer.mozilla.org/zh-CN/docs/…
- 菜鸟文档：www.runoob.com/html/html-t…
以上三个网站非常详细的描述了HTML的各种标签，在W3C的网站里面还有“亲自试一试”的功能，对新手还是非常友好的。
框架中的HTML（以VUE为例）
简单来说，在VUE中，用template标签来存放dom结构，就像H1标签自动设置了字体大小和加粗的样式一样，template标签默认标签里的内容隐藏显示，vue是通过解析器将template标签中的内容进行解析变为浏览器认识的HTML结构，关于解析原理感兴趣的可以自行搜索，网上有很多相关的文章。
推荐编译器
VSCode
下载地址：vscode.bianjiqi.net/
相关插件：
- Chinese (Simplified) (简体中文)：汉化
- Live Server：自动刷新和架设本地服务器环境
- open in browser：在浏览器中打开
有很多插件就不一一推荐了，大家按需求在网上搜索就可以。
