HTML 文本编辑器

• HTML 文件是一个文本文件，因此要创建 HTML 文件，我们可以使用任何文本编辑器。

• 文本编辑器是允许编辑书面文本的程序，因此要创建一个网页，我们需要在一些文本编辑器中编写我们的代码。

• 您可以直接下载各种类型的文本编辑器，但对于初学者来说，最好的文本编辑器是记事本 (Windows) 或 TextEdit (Mac)。

• 学习基础知识后，您可以轻松使用其他专业文本编辑器，如HBuilderx、Sublime Text、Dreamweaver 等。

• 在我们的教程中，我们将使用记事本和 HBuilderx文本编辑器。以下是使用记事本和高级文本创建第一个网页的一些简单方法。

• 同时您也可以使用我们提供的在线工具编辑器进行HTML的输写 如：TryEditor 。
  

   A. 带有记事本的 HTML 代码。（推荐给初学者）

Notepad 是一个简单的文本编辑器，适合初学者学习 HTML。它适用于所有版本的 Windows，您可以轻松访问它。

步骤 1：打开记事本 (Windows)

在我的电脑空白处右键点击-然后选择新建-在然后找到文本文档。如图：

第 2 步：用 HTML 编写代码

第 3 步：使用 .htm 或 .html 扩展名保存 HTML 文件。

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

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

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

第 4 步：在 Web 浏览器中打开 HTML 页面。

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

结果应该类似这样：

B. 使用 HBuilder 编写 HTML 代码。（学习 HTML 基础后推荐）

当您了解 HTML 的基础知识后，您可以使用一些专业的文本编辑器，这将帮助您编写高效快速的代码。因此，要使用 HBuilder X 编辑器，首先需要从 Internet 下载并安装。您可以从这个https://www.dcloud.io/hbuilderx.html链接轻松下载它，并可以安装在您的 PC 中。当 HBuilder X 文本编辑器安装完成后，你可以按照简单的步骤来使用它：

步骤 1：打开 HBuilder X 编辑器（Windows 8）：

要打开 HBuilder X 编辑器，请转到开始屏幕 ⤏ 键入 HBuilder X⤏ 打开它。要打开一个新页面，请按CTRL+N。

C. 使用 Sublime Text-editor 编写 HTML 代码。（学习 HTML 基础后推荐）

当您了解 HTML 的基础知识后，您可以使用一些专业的文本编辑器，这将帮助您编写高效快速的代码。因此，要使用 Sublime Text 编辑器，首先需要从 Internet 下载并安装。您可以从这个https://www.sublimetext.com/download链接轻松下载它，并可以安装在您的 PC 中。当 Sublime 文本编辑器安装完成后，你可以按照简单的步骤来使用它：

步骤 1：打开 Sublime Text 编辑器（Windows 8）：

要打开 Sublime Text 编辑器，请转到开始屏幕 ⤏ 键入 Sublime Text⤏ 打开它。要打开一个新页面，请按CTRL+N。

第 2 步：在编写任何代码之前保存页面。

要在 Sublime Text 中保存页面，请按 Ctrl+S 或转到文件选项 ⤏ 保存，使用扩展名 .htm 或 .html 保存文件。我们建议先保存文件，然后编写代码，因为保存页面后，sublime 文本编辑器会给您编写代码的建议。

第 3 步：在 Sublime Text 编辑器中编写代码

第 4 步：在浏览器中打开 HTML 页面

要在 Web 浏览器中执行或打开此页面，只需在 sublime 文本页面上用鼠标右键单击，然后单击在浏览器中打开。

注意：您可以在任何浏览器中执行 HTML 文件，但某些 Web 浏览器不支持某些标签。