HTML 编辑器

HTML 编辑器推荐

可以直接使用文本编辑器或者记事本对HTML 代码进行编辑，为了更方便快捷的对代码进行编辑，我们推荐使用专业的 HTML 编辑器来编辑 HTML，Fmpq教程为大家推荐几款常用的HTML编辑器：

你可以从以上软件的官网中下载自己喜欢使用的软件，或者网上搜索下载，按步骤安装即可。

  • Notepad++ 是 Windows操作系统下的一套免费的文本编辑器，适合编写计算机程序代码。
  • Sublime Text 是一个支持Windows、Linux、Mac OS X等操作系统的跨平台的编辑器。
  • HBuilder 是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。

我们下面将为大家演示如何使用Notepad++编辑器工具来创建 HTML 文件，其他两个工具操作步骤和此软件类似，大家可以根据喜好及使用习惯选择自己喜欢的软件。

Notepad++ 简介

Notepad++是 Windows操作系统下的一套免费的文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。 它可以使用较少的CPU功率，能最大降低电脑系统能源消耗，但是轻巧且执行效率较高，能帮助你节省很多时间，喜欢代码编辑的人可以用用这款软件哟！

步骤 1: 下载安装

从 Notepad++ 官方网站下载安装或者百度结果中下载安装即可，如果你是中文windows系统，安装会自动默认选择简体中文。

步骤 2: 新建 HTML 文件

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

<!DOCTYPE html>
<html> 
<head>
<meta charset="utf-8">
<title>Fmpq教程(www.fmpq.com)，我的第一个标题栏</title>
</head>
<body>

    <h1>这是我的第一个标题。</h1> 
    <p>这是我的第一个段落。</p> 
    <p>段落元素由 p 标签定义。</p> 

</body>
</html>

Fmpq教程-Notepad运行情况

步骤 3: 另存为 HTML 文件

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

Fmpq教程-新建 HTML 文件

保存 HTML 文件时，文件名后缀可以使用 .htm 也可以使用 .html 扩展名，两者没有区别，根据自己喜好即可。

最好是选一个自己容易找到记住的文件夹，这样会更方便的使用，比如 fmpq

步骤 4: 运行自己编写的HTML程序

打开你的IE浏览器，或者谷歌、360、火狐浏览器，然后双击此文件，既可以运行（前提是你的HTM或HTML文件默认打开方式为浏览器）。也可以选择浏览器的"文件"菜单的"打开文件"命令，打开此网页。

运行显示结果如下（红色框中可以看到标题栏的内容）:

Fmpq教程-运行自己编写的HTML程序

Notepad++ 和 Sublime Text 可以配合 Emmet 插件来提高代码编辑速度。

Emmet 官网：http://emmet.io/