HTML编辑器

学习 HTML 只需要一个简单的文本编辑器。

使用记事本(Windows)或文本编辑器(Mac)学习 HTML

可以使用专业的 HTML 编辑器创建和修改网页。

但是,为了学习 HTML,我们推荐使用简单的文本编辑器,如记事本(Windows)或文本编辑器(Mac)。

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

按照以下步骤使用记事本或 TextEdit 创建您的第一个网页。

步骤 1:打开一个简单的文本编辑器

使用记事本(Windows)或文本编辑器(Mac)。

记事本(Windows)

Windows 8 或更高版本:

打开开始屏幕屏幕左下角的窗口符号)。输入记事本

Windows 7 或更早版本:

打开 开始 > 程序>附件记事本

文本编辑器(Mac)

打开 Finder > 应用程序 > 文本编辑

还要更改一些首选项以使应用程序正确保存文件。  在对话框 偏好设置 > 新建文稿 标签页 格式 选项中选择 “纯文本”

然后在 打开和存储 标签页 打开文件时 选项中选择 “将 HTML 文件显示为 HTML 代码而不显示为格式化的文本”

然后打开一个新文档来放置代码。

第 2 步:编写一些 HTML

将以下 HTML 代码写入或复制到记事本中:

<!DOCTYPE html>
<html>
  <head>
    <title>GoBeta.NET - 让你的技术上线</title>
  </head>
  <body>
    <h1>GoBeta.NET</h1>

    <p>
      GoBeta.NET
      是一个技术学习网站,提供有关软件开发、技术运维、项目管理等技术相关的教程、电子书和文章,提供更优的学习体验。
    </p>
  </body>
</html>

第 3 步:保存 HTML 页面

将文件保存在您的计算机上。在记事本菜单中选择文件 > 另存为

将文件命名为 “index.html” 并将编码设置为  UTF-8(这是 HTML 文件的首选编码)。

! **提示:**您可以使用 .htm.html 作为文件扩展名。他们并没有区别,你可以根据自己的喜好选择。但是为了统一,建议一直用 .html 作为后缀名。

步骤 4:在浏览器中查看 HTML 页面

在您喜欢的浏览器中打开保存的 HTML 文件(双击文件或右键单击 - 并在“打开方式”中选择自己的喜好的浏览器)。

结果将如下所示:

在浏览器中查看