HTML 编辑器

使用 Notepad 或 Notepad++ 来编写 HTML

我们相信，使用一款简单的文本编辑器是学习 HTML 的好方法。

步骤一：启动记事本

如何启动记事本：

开始-》所有程序-》附件-》记事本或者开始，输入指令notepad，启动记事本

步骤二：用记事本来编辑 HTML

在记事本中键入 HTML 代码：

<!DOCTYPE html>
<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

运行一下

步骤三：保存 HTML

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

当您保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 扩展名，两者没有区别，起一个容易记忆的名字，比如test。

步骤四：在浏览器中运行这个 HTML 文件

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

运行显示结果类似如下:

使用 Visual Studio Code 来编写 HTML

Visual Studio Code 是一个运行于 OS X，Windows 和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台编辑器。它也是被誉为宇宙最强编译器。你可以从下面软件的官网中下载对应的软件，按步骤安装即可。VS Code：https://code.visualstudio.com/你可以从以上软件的官网中下载对应的软件，按步骤安装即可。

步骤 1: 新建 HTML 文件

在 VS Code 安装完成后，选择” 文件(F)->新建文件(N) “，在新建的文件中输入以下代码：

<!DOCTYPE html>
<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>