HTML编辑器是一种用于编辑HTML（HTML）的文本编辑器软件。尽管HTML本身是一种文本文件，任何文本编辑器都可以编辑，但专用的HTML编辑器通常具有语法突显显示、自动完成等特性，使用户更轻松地编写HTML。一些HTML编辑器还支持所见即所得（WYSIWYG）编辑，用户可以通过拖放等手段在编辑界面上创建对象，调整属性，非常简便。此外，有些编辑器还具有脚本编写功能，如Adobe Dreamweaver，支持ECMAScript、VBScript、PHP、Perl、Python等编程语言，并对连接数据库等高级服务器操作提供更简单便捷的编写支持。常见的HTML编辑器包括Dreamweaver、Microsoft Word、Quark XPress等。

通过记事本，依照以下四步来创建您的第一张网页。

一、启动记事本

如何启动记事本：开始―所有程序―附件―记事本。

二、用记事本来编辑HTML

在记事本中键入HTML代码。

三、保存HTML

在记事本的文件菜单选择“另存为”。

当您保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别。

在一个容易记忆的文件夹中保存这个文件，比如幸智文库。

四、在IE浏览器(有一些浏览器没有这个功能)中运行这个HTML文件

启动您的浏览器，然后选择“文件”菜单的“打开文件”命令，或者直接在文件夹中双击HTML文件。

HTML编辑器主要分为文本编辑器和所见即所得（WYSIWYG）编辑器两种类型。

用于 HTML 的文本编辑器通常至少提供语法突出显示。一些编辑器还具有模板、工具栏和键盘快捷键，以快速插入常见的 HTML 元素和结构。向导、工具提示提示和自动完成可能有助于完成常见任务。

通常用于 HTML 的文本编辑器通常包括内置功能或与外部工具的集成，用于版本控制、链接检查和验证、代码清理和格式化、拼写检查、通过 FTP 或 WebDAV 上传以及构建为项目等任务。某些功能（如链接检查或验证）可能使用在线工具，需要网络连接。

文本编辑器要求用户了解 HTML 和设计者希望使用的任何其他 Web 技术，如 层叠样式表、ECMAScript 和服务器端脚本语言。

为了简化此要求，某些编辑器允许在比简单的颜色突出显示更直观的模式下编辑标记，但不被视为所见即所得的模式。这些编辑器通常包括使用调色板窗口或对话框来编辑所选对象的基于文本的参数的选项。这些调色板允许编辑单个字段中的参数，或通过填写屏幕表单来插入新标签，并且可能包括用于在编辑参数（例如预览图像或文本样式）时显示和选择选项的其他小部件，或用于展开和折叠 HTML 对象和属性的大纲编辑器。

所见即所得的 HTML 编辑器提供了一个编辑界面，类似于页面在 Web 浏览器中的显示方式。由于使用所见即所得编辑器可能不需要任何 HTML 知识，因此对于没有经验的计算机用户来说，它们通常更容易上手。

所见即所得视图是通过嵌入布局引擎来实现的。这可以是自定义编写的，也可以基于 Web 浏览器中使用的。目标是，在编辑过程中，呈现的结果应始终表示稍后将在典型 Web 浏览器中看到的内容。

所见即所得（所见即所得）是所见即所得编辑器的替代范式。它不是专注于文档的格式或呈现方式，而是保留了每个元素的预期含义。例如，页面标题、部分、段落等在编辑程序中被标记为这样，并在浏览器中适当地显示。

由于以下几个原因，给定的 HTML 文档在各种平台和计算机上的外观不一致：

不同的浏览器和应用程序将以不同的方式呈现相同的标记。

例如，在 Google Chrome、Safari、Edge、Internet Explorer 和 Firefox 中，同一页面在高分辨率屏幕上的显示可能略有不同，但在完全有效的纯文本 Lynx 浏览器中看起来会大不相同。它需要在PDA、支持互联网的电视和移动电话上再次以不同的方式呈现。在语音或盲文浏览器中的可用性，或通过与传统浏览器一起使用的屏幕阅读器，将对底层 HTML 的完全不同的方面提出要求。作者所能做的就是建议一个外观。与所有计算机软件一样，Web 浏览器也有错误。

它们可能不符合现行标准。试图围绕所有常见浏览器的当前错误设计网页是没有希望的：每次每个浏览器的新版本出现时，万维网的很大一部分都需要重新编码以适应新的错误和新的修复。通常认为按照标准进行设计要明智得多，在它们稳定下来之前远离“前沿”功能，然后等待浏览器开发人员赶上您的页面，而不是相反。例如，没有人可以说层叠样式表仍然是“最前沿的”，因为现在所有主要功能在普通浏览器中都有广泛的支持，即使许多所见即所得和其他编辑器还没有完全赶上。单个视觉样式可以表示多个语义含义。

语义意义源自 HTML 文档的底层结构，对于搜索引擎和各种辅助工具都很重要。在纸上，我们可以从上下文和经验中判断粗体文本是否代表标题、强调或其他东西。但是在所见即所得的编辑器中很难传达这种区别。在所见即所得的编辑器中，简单地将一段文本加粗并不足以告诉读者*为什么*文本是粗体的——粗体在语义上代表什么。现代网站很少以所见即所得的方式构建。

现代网站通常使用内容管理系统或其他一些基于模板处理器的方法，使用存储在数据库中的内容动态构建页面。单个页面永远不会存储在文件系统中，因为它们可能是在所见即所得编辑器中设计和编辑的，因此某种形式的基于模板的抽象布局是不可避免的，使使用所见即所得编辑器的主要好处之一无效。

HTML 是一种结构化标记语言。如果 HTML 要符合万维网的 W3C 标准，就必须编写某些规则。遵循这些规则意味着可以在所有类型和品牌的计算机上访问网站，包括身体健全和残疾人，也可以在移动电话和PDA等无线设备上访问，这些设备的带宽和屏幕尺寸有限。但是，Web 上的大多数 HTML 文档都不符合 W3C 标准的要求。在 2011 年对 350 个最受欢迎的网站（由 Alexa 索引选择）进行的一项研究中，94% 的网站未通过 Web 标准标记和样式表验证测试，或者不正确地应用字符编码。即使是那些语法正确的文档，也可能由于不必要地使用重复或基于已弃用多年的规则而效率低下。 目前W3C关于将层叠样式表与HTML一起使用的建议在1996年由W3C正式提出，并从那时起进行了修订和完善。

这些准则强调内容（HTML 或 XHTML）与样式 （CSS） 的分离。这样做的好处是可以为整个网站提供一次样式信息，而不是在每个页面中重复，更不用说在每个 HTML 元素中了。从那时起，所见即所得的编辑器设计人员一直在努力解决如何最好地向用户展示这些概念，而不会通过暴露潜在的现实来混淆他们。现代的所见即所得编辑器都在某种程度上取得了成功，但没有一个完全成功。

然而，一个网页是创建或编辑的，所见即所得的，还是手工的，为了在尽可能多的读者和浏览者中取得成功，以及保持网络本身的“全球”价值，首先它应该由有效的标记和代码组成。在它的 HTML 和 层叠样式表 语法使用免费的 W3C 验证器服务或其他一些值得信赖的替代方案成功验证之前，它不应该被认为已经为万维网做好了准备。

考虑到网络在现代社会中的普遍性和重要性，身体、视力或其他残疾的人可以访问网页不仅是一个好主意，而且也是法律规定的。在美国，《美国残疾人法》和英国的《残疾歧视法》对由公共资助组织运营的网站提出了要求。在许多其他国家，类似的法律要么已经存在，要么很快就会存在。 使页面易于访问比仅仅使它们有效更复杂;这是一个先决条件，但还有许多其他因素需要考虑。好的网页设计，无论是否使用所见即所得工具完成，也需要考虑到这些。

无论使用什么软件工具来设计、创建和维护网页，底层 HTML 的质量都取决于在页面上工作的人员的技能。对 HTML、层叠样式表 和其他脚本语言的一些了解，以及对这些领域当前 W3C 建议的熟悉，将有助于任何设计人员在有和没有所见即所得的 HTML 编辑器的情况下制作出更好的网页。