首先下载atom工具：
这个可以在下面的百度云盘上获取：
链接：https://pan.baidu.com/s/1dwKZiZvoxTjtv-PAqI6I3A
提取码：7wi6
下载后点击进行安装就可以了。
安装完后为了高效的编写html代码，我们可以下载插件安装到工具上
刚开始先安装这些插件就好了。
我们可以将下面这些插件安装上
下面我们以上面插件列表的第一个emmet插件来解说一下如何安装插件
打开atom工具：
然后我们按着上面的步骤把下面的插件安装好
安装后我们还要下载一个tomcat服务器的压缩包。
接着下载一个tomcat服务器压缩包
这个可以在下面的百度云盘上获取：
链接：https://pan.baidu.com/s/1JojyY_-Kepan2ZiXBkR5Ag
提取码：48qk
将压缩包解压到你自己的文件夹下面就好了。
我把压缩包解压在这里
然后找到我们解压的tomcat安装包的webapp目录：
点进去
点进去
然后我们回到atom
然后回车
效果如下：
然后我们输入一点东西：
然后在上面的代码编辑页面按ctrl + S保存一下当前页面的代码。
接着我们就来启动tomcat服务器了。
会找你tomcat的解压文件夹下
启动后这个页面就不要关了，不然相当于关了tomcat服务器。
在浏览器输入网址：
到这里我们已经能用工具实现html页面并访问了。
关于atom在编写html页面时候使用emmet组件更搞笑编写代码的快捷键大家可以访问下面的网址去学习：
http://www.hangge.com/blog/cache/detail_1537.html
关于网页的更多知识大家可以访问W3school进行学习
好的，本次分享到此结束。