学html5需要的软件：1、hbuilder；2、notepad；3、dreamweaver；4、eclipse；5、sublime text；6、webstorm；7、vscode；8、atom；9、editplus等等。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
Html5作为搭建Web网站便捷有效的编程语言，越来越受到大众的认识和喜爱。一般常见的HTML5开发工具有：HBuilder、Notepad++、Dreamweaver、Sublime Text、WebStorm、Visual Studio Code、Atom等等。
1、HBuilder
hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，它还包括最全面的语法库和浏览器兼容性数据。
立即学习“前端免费学习笔记（深入）”；
2、代码编辑器(Notepad++)
Notepad++ 程序员必备的文本编辑器，软件小巧高效，支持27种编程语言，通吃C、C++ 、Java、C#、XML、HTML、PHP、JS 等。Notepad++ 可完美地取代微软的记事本。
3、Dreamweaver
Dreamweaver是Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。
4、Eclipse
Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。Eclipse最初是由IBM公司开发的替代商业软件Visual Age for Java的下一代ide开发环境，2001年11月贡献给开源社区，现在它由非营利软件供应商联盟Eclipse基金会（Eclipse Foundation）管理。
技术上面应用了三层结构，AJAX框架，URL重写等基础的开发。并用了动软的代码生成器及数据访问类，加进了一些自己用到的小功能，算是整理了一些自己的操作类。系统设计上面说不出用什么模式，大体设计是后台分两级分类，设置好一级之后，再设置二级并选择栏目类型，如内容，列表，上传文件，新窗口等。这样就可以生成无限多个二级分类，也就是网站栏目。对于扩展性来说，如果有新的需求可以直接加一个栏目类型并新加功能操作
5、Sublime Text
Sublime Text 很赞的代码编辑器，界面设置非常人性化，左边是代码缩略图，右边是代码区域，你可以在左边的代码缩略图区域轻松定位程序代码的位置，高亮色彩功能非常方便编程工作。
6、WebStorm
WebStorm是一款强大的HTML5/JavaScript Web前端开发工具，被广大JS开发者誉为“Web前端开发神器”。WebStorm 8全新特性中包括对AngularJS的支持，能够高效准确地智能感知Angular语法、指令。WebStorm还完美支持Spy-js，合并了这款JavaScript调试利器，大大提高了开发者们的工作效率。
7、Visual Studio Code (vscode)
vscode 有强大的扩展体系，可以做很多语言的开发。扩展质量比较高。还能集成数十种语言的调试。作为前端开发也很优秀。当然专门作为前端的工具我觉得还是略逊 Brackets 弱于 WebStorm 的。我个人用 vscode 写 rust 代码。或者其他很多语言的小例子程序。
8、Atom
这个软件从架构上比 vscode 更重视扩展和自由性，其本身就是由众多扩展构成的。扩展的自由度很高，例如装一个 minimap 跟 sublime text 一样了。写前端跟 vscode 半斤八两，一样可以做其他很多语言的开发。但是个人感觉扩展质量普遍没有 vscode 的高。起初用过一段时间，但是受不了参差不齐的扩展质量和兼容性，就转 vscode 了。
9、EditPlus(文本编辑器)
EditPlus是一款为Internet准备的、运行于Windows 下的32位文本、html编辑器，同时也是程序员们非常喜爱的编辑器。可以用它代替Windows笔记本，也为许多网页高手和程序员提供便利。
推荐教程：《html视频教程》
