html5编辑器有：1、hbuilder；2、notepad++；3、eclipse；4、dreamweaver；5、editplus；6、webstorm；7、sublime text；8、adobe edge；9、vscode等等。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
这里给大家推荐几款好用的html5编辑器。
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、Eclipse
Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。Eclipse最初是由IBM公司开发的替代商业软件Visual Age for Java的下一代ide开发环境，2001年11月贡献给开源社区，现在它由非营利软件供应商联盟Eclipse基金会（Eclipse Foundation）管理。
4、Dreamweaver
Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，最初为美国Macromedia公司开发 ，2005年被Adobe公司收购。
DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持，设计师和程序员可以在几乎任何地方快速制作和进行网站建设。
Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。 访问代码提示，即可快速了解 HTML、CSS 和其他Web标准。 [4] 使用视觉辅助功能减少错误并提高网站开发速度。
5、EditPlus代码编辑器
作为广大程序员熟知的EditPlus编辑器，这是我常用的编辑器之一，优点在于运行速度快，占用电脑的空间小，缺点是代码提示和格式化都不用，但是作为简单的代码更改还是足够了，支持多种语言，可以个性化设置自己想要的界面。
6、WebStorm
WebStorm有“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”的美誉，是很多前端比较喜欢的开发工具之一。支持代码智能不全、HTML提示，练此昂查询及调试等。
7、sublime text
sublime text编辑器时最近几年才流行起来一款编辑器，具体怎么样美誉使用过，据说是运行速度快，有代码自动补全、高亮，快捷键功能齐全等很多优点。
8、Adobe Edge
Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。
9、visual studio code（简称vscode）
一个运行于Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器。该编辑器也集成了所有一款现代编辑器所应该具备的特性，包括语法高亮，可定制的热键绑定，括号匹配以及代码片段收集。
10、Atom
Atom 是github专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面，并有很多有趣的特点：支持CSS，HTML，JavaScript等网页编程语言。它支持宏，自动完成分屏功能，集成了文件管理器。
11、Aptana Studio
这个跟上面的 HBuilder 类似是基于 eclipse 的，它是我接触的第一款内置 Server 的前端开发工具。当时记得安装它的时候要顺带安装一个 NodeJs 有点让我眼前一亮。不过也是好久没用过了。现在看了下它的官网，它还可以做 Ruby 、Python等开发，当然用来写前端也是其亮点。跟 HBuilder 半斤八两吧。
推荐教程：《html视频教程》
