Toggle navigation

HTML 编辑器

使用 Notepad 或 TextEdit 来编写 HTML

可以使用专业的 HTML 编辑器来编辑 HTML：

  • VS Code：https://code.visualstudio.com/
  • Sublime Text：http://www.sublimetext.com/
  • HBuilderX：https://www.dcloud.io/hbuilderx.html

不过，我们同时推荐使用文本编辑器来学习 HTML，比如 Notepad (PC) 或 TextEdit (Mac)。我们相信，使用一款简单的文本编辑器是学习 HTML 的好方法。

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

步骤一：新建 HTML 文件

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>千木教程(qianmu.net)</title>
</head>
<body>

    <h1>我的第一个标题</h1>

    <p>我的第一个段落。</p>

</body>
</html>

步骤二：另存为 HTML 文件

然后选择" 文件(F)->另存为(A) "，文件名为 qianmu.html。

另存为 HTML 文件

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

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

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

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

结果应该类似这样：

在浏览器中查看