html5开发工具有哪些

html5开发工具有这些：1、HBuilder;2、Notepad++;3、Dreamweaver;4、Sublime Text3;5、Eclipse;6、EditPlus;7、WebStorm等等;如果想具体了解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、Dreamweaver

Dreamweaver "梦想编织者"，是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。

由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!

4、Sublime Text 3

Sublime Text 很赞的代码编辑器，界面设置非常人性化，左边是代码缩略图，右边是代码区域，你可以在左边的代码缩略图区域轻松定位程序代码的位置，高亮色彩功能非常方便编程工作。

5、Eclipse

Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。Eclipse最初是由IBM公司开发的替代商业软件Visual Age for Java的下一代ide开发环境，2001年11月贡献给开源社区，现在它由非营利软件供应商联盟Eclipse基金会(Eclipse Foundation)管理。

6、EditPlus

EditPlus是一款为Internet准备的、运行于Windows 下的32位文本、html编辑器, 同时也是程序员们非常喜爱的编辑器。你完全可以用它代替Windows笔记本, 它也为许多网页高手和程序员提供便利!

7、WebStorm

WebStorm是一款强大的HTML5/JavaScript Web前端开发工具，被广大JS开发者誉为“Web前端开发神器”。WebStorm 8全新特性中包括对AngularJS的支持，能够高效准确地智能感知Angular语法、指令。WebStorm还完美支持Spy-js，合并了这款JavaScript调试利器，大大提高了开发者们的工作效率。

html用什么开发软件

1、 Sublime

Sublime全称为Sublime Text，是一个代码编辑器，早由程序员Jon Skinner于2008年1月开发出来。Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图、功能插件等。Sublime text还是一个跨平台的编辑器，支Windows、linux、Mac等操作系统。

2、 Visual Studio Code

Visual Studio Code(简称“VS Code”)是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器， 可在桌面上运行，并且可用于Windows，macOS和Linux。它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言(例如C++，C#，Java，Python，PHP，Go)和运行时(例如.NET和Unity)扩展的生态系统。

3、 Webstorm

WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“强大的HTML5编辑器”、“智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

4、 Dreamweaver

Dreamweaver简称DW(中文译为“梦想编织者”)，是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的“所见即所得”网页编辑器，2005年被Adobe公司收购。DW是套针对非专业网站建设人员的视觉化网页开发工具，利用它可以轻而易举地制作网页。

5、 Hbuilder

HBUilder是DCloud推出的一款支持HTML5的Web开发软件。“快”是BUilder的优势，通过完整的语法提示、代码输入法以及代码块等，HBuilder可以大幅提升HTML、JavaScript的开发效率。

如何编写html文件

1.使用记事本手工编写HTML

HTML是一款一文字为基础的语言，并不需要什么特殊的开发环境，可以直接在Windows自带的记事本中编写。HTML文档以.html为扩展名，将HTML源代码输入到记事本并保存之后，可以在浏览器中打开文档以查看效果。使用记事本编写HTML文件的具体操作步骤如下。

①选择菜单中的【开始】|【所有程序】|【附件】|【记事本】命令，打开一个记事本，在记事本中即可编写HTML代码。

②当编辑完HTML文件后，选择菜单中的【文件】|【保存】命令，弹出【另存为】对话框，将它存为拓展名为.html的文件即可。

③单击【保存】按钮，保存文档，打开网页文档，在浏览器中预览效果。

提示：任何文字处理器都可以用来处理HTML代码，但必须记住，要以.html或者.htm的扩展名对其加以保存。(比方说我的前辈每次都是用.htm)

2.使用Dreamweaver编写HTML文件

使用Dreamweaver创建HTML文件，具体操作如下。

①打开Dreamweaver软件，新建一个文档，单击文档中的“代码”按钮，打开代码视图，在代码视图中可以输入HTML代码。

②输入代码完成后，切换到设计视图，就可以大概看到在浏览器中的样子了。(之所以说大概是后期我们有CSS代码，设计视图并不能完全显示在浏览器中显示的方式)