嗨，欢迎来到异星球，我是小怪同志。这篇文章主要讲解HTML入门零基础教程，请一起学习吧。

一、网页开发工具

常见的网站建设工具有Sublime、Visual Studio Code、webstorm、Dreamweaver、Hbuilder等，其实都大差不差，只要你会运用都是可以的。可以用Dreamweaver我前面发的文章有讲http://t.csdn.cn/MwxEj ,也可以用现在大家经常用的Visual Studio Code。

1.Visual Studio Code的下载及安装

（1）下载去这里https://code.visualstudio.com/Download，根据你电脑的系统，选择版本进行下载。

（2）下载好之后，进行一系列的安装，如下图所示：

（a）首先选择我同意此协议

（b）接着安装到自己想要的盘里，最好不要安装到C盘

（c）红色的建议我们勾选，橙色的不建议勾选，想勾选也可以

（d）选择好之后点击下一步

（e）点击安装

（f）安装成功

（g）我们双击桌面打开软件，选择中文安装包

（h）再次重启，就可以了

2.Visual Studio Code的使用

（1）首先我们可以点击文件窗口然后新建文件，也可以直接在界面上点击新建文件，接着文件建好之后要先保存，保存也可以在文件窗口中找到。文件一点要保存为.html网页格式

（2）那么我们就开始敲代码之路了，首先我们看到的是没有任何单词，一个一个写很费事，那么有了开发工具，我们就可以输入一个感叹号，注意是英文状态下输入，然后选择第一个感叹号。

（3）这样我们的HTML基本骨架就已经形成了，就可以写想要的内容了

（4）我们可以尝试尝试 建立网页

（5）建立好之后，可以点击右键，然后用浏览器预览，也可以使用快捷键。浏览器的插件要在扩展中下载。当然后续如果需要什么插件，都可以这样下载，下载之后要记得重启一下。

（6）我们就可以看到我们所创建的网页了啦

3.使用VS Code的快捷键

（1）双击可以打开软件。

（2）新建文件夹（ctrl＋n） 。

（3）保存（ctrl+s），注意移动要保存为.html文件。

（4）ctrl+加号键，ctrl+减号键，放大或缩小视图界面。

（5）生成页面的骨架结构，用英文状态下输入感叹号。

（6）利用鼠标右键可以很快点击浏览器预览。

4.VS Code插件安装

推荐安装的插件，仅供参考，安装好之后记得重启一下。