建设网页时，为了快速、高效地完成任务，通常会使用一些具有代码高亮显示、语法提示等便捷功能的网站开发工具。常见的网站建设工具有Sublime、Visual Studio Code、webstorm、Dreamweaver、Hbuilder等，具体介绍如下。

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的开发效率。

nlinehtmleditor.net是非常简单和易用的HTML在线编辑器，适用的标签有H1，H2，H3，H4，P,IMG,List等，还可以在下方查看实时预览。你可以手动输入这些标签，也可以通过点击工具栏上的图标来使用它们。它甚至可以让你通过具体的图片路径添加图片。完成编辑之后，你可以复制你的HTML代码并保存到本地磁盘，也可以在你的网站或博客中使用它。

html.am提供了一个成熟的免费在线WYSIWYG HTML编辑器。它拥有几乎所有的命令用来编辑你的文字，包括字体大小，颜色，尺寸，列表，超链 接及更多。 除了上面提到的标签，它还支持高级的HTML标签，包括表格，文本框， 复选框，单选按钮，文本域，按钮等。此外，还能插入图片对象，Flash 对象，表格甚至是iFrame。你可以按要求键入和编辑文本内容。编写完成后你可以将编辑页面的源代码复制到您的网站上。您可以通过点击主菜单上的源按钮切换源代码 ，还能通过点击最大化按钮把编辑器最大化。

jsfiddle.net是一个多窗格的HTML在线编辑器。你可以在HTML窗格中键入HTML代码，而CSS和Java Script脚本将会键入到各自的窗口中。每次更改之后你必须点击运行按钮来查看最终的结果。你可以进行在线保存 ，它为你提供了一个唯一的保存路径。另外，它还支持在线协作。

codepen.io是一个具有先进功能的HTML在线编辑器，可以在同样的浏览窗口中单独编辑HTML, CSS,和Java Script。你可以在编写的同时进行预览，还能点击“更改视图”按钮重新进行分层并选中你需要的层，编写完成之后，你可以将代码导出并保存到一个压缩文件中。这个编辑器拥有许多的快捷键方便您进行使用。

cssdeck.com是一个拥有四个窗格的HTML在线编辑器，他们分别用来编写HTML, CSS和Java Script并进行实时预览。你可以在每个窗口中单独编写代码，但组合的输出结果将会显示在预览窗口中。此外，编辑器还拥有许多的快捷键。

html-color-codes.info提供了免费的HTML在线编辑器。它可以让你键入和编写文本并生成格式化HTML代码。无论是专业的HTML程序员还是只了解一些HTML知识的新手都能使用它。你可以应用格式，缩进，各种样式 ，不同的字体以及字体大小到你的文本中。它还具有“粘贴为纯文本” 和“粘贴”的选项，使格式设置更容易。它也有一个预览按钮来预览您的网页。完成编辑后，您可以点击“编辑HTML源码”按钮（在工具栏上的最后一个按钮）复制HTML代码。

htmleditor.in是一个类似于MS Word的免费WYSIWYG HTML和HTML5在线编辑器。只需要进入文本，并应用各种格式设置到你的文本中，如：粗体，斜体，下划线，删除线，上标，下标，编号，字体大小，字体，颜色等。它有一个拼写检查的设备，能进行拼写检查。它还具有许多形式设计工具，你可以插入动画，图片，表格，水平线，笑脸和其它的外部对象到你的页面。

codebeautify.org不仅仅是一个免费的HTML在线编辑工具。它实际上是一个用来美化和精简代码的在线工具。您可以输入一个现有网页的网址，它将会显示出完整的代码。你可以编写代码并进行实时查看。此外，你还可以页面存储大小以及字符数。最后，它能为你所修改的代码提供一个唯一的路径进行保存。这个功能让它成为团队合作项目的第一选择，每个团队成员都能通过共享路径看到修改后的代码。

htmledit.squarefree.com是一个基本的HTML在线编辑器。在使用它之前你必须了解HTML的相关知识。你必须手动将格式化标记应用于文本类型，能实时看到文本和格式的变化。总而言之，这是一个非常基础的HTML编辑器。

4html.net 提供免费的HTML在线编辑功能。只需在给定区域键入文本并使用各种格式化标签。它拥有的格式例如：粗体，斜体风格，强调，预格式化的地址，标题，标题1至6的格式等。它还有代码高亮显示，自动缩进等功能。除了简单的粘帖功能，它还具有“粘贴为纯文本”和“从Word中粘贴”等功能。编辑结束后，你可以把HTML代码复制到你的网站或博客中。

{@@_update}

本站文章除注明转载外，均为本站原创或翻译