中国最全IT社区平台联系我们 | 收藏本站

HTML教程

←上一篇： HTML 简介

→下一篇：HTML 基础

HTML 编辑器的介绍及推荐

阅读 (2642)

HTML编辑器是用于编写HTML的工具，使用HTML编辑器时以编辑主题、索引、自定义窗口、选择添加搜索页。

HTML 编辑器

使用 Notepad 或 TextEdit 来编写 HTML

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

Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor

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

我们可以使用Notepad，按照以下四步来创建您的第一张网页。

步骤 1: 启动Notepad

打开Notepad步骤（Window 系统中）:

开始
    所有程序
        附件
            Notepad

步骤 2:使用Notepad编辑HTML

在Notepad中输入 HTML 代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>w3cschool 在线教程(www.w3cschool.cn)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

步骤 3: 保存你的 HTML

在Notepad文件菜单中选择另存为。

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

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

步骤 4: 在浏览器中运行这个 HTML 文件

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

运行显示结果类似如下:

常用HTML编辑器下载

1、UltraEdit(编辑工具)

UltraEdit文本编辑器能够满足你一切编辑需要的编辑器。UltraEdit文本编辑器是一套功能强大的文本编辑器。UltraEdit文本编辑器内建英文单字检查、C++ 及 VB 指令突显，可同时编辑多个文件，而且即使开启很大的文件速度也不会慢。UltraEdit软件附有 HTML 标签颜色显示、搜寻替换以及无限制的还原功能，一般大家喜欢用其来修改EXE 或 DLL 文件。

点击下载 »

2、Notepad++(代码编辑器）

Notepad++是在微软视窗环境之下的一个免费的代码编辑器。它使用较少的CPU功率，降低电脑系统能源消耗，但轻巧且执行效率高，使得Notepad++可完美地取代微软视窗的记事本。

点击下载 »

3、Adobe Dreamweaver CS

dreamweaver cs6 是世界顶级软件厂商adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建web页面。其成熟的代码编辑工具更适用于web开发高级人员的创作！cs6新版本使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计,可大大提高工作效率。改善的 ftp 性能，更高效地传输大型文件。“实时视图”和“多屏幕预览”面板可呈现 html5 代码，更能够检查自己的工作。

点击下载 »

4、EditPlus(文本编辑器)

EditPlus（文字编辑器）一套功能强大，可取代记事本的文字编辑器，拥有无限制的Undo/Redo、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。而它还有一个好用的功能，就是它有监视剪贴簿的功能，能够同步于剪贴簿自动将文字贴进EditPlus的编辑窗口中，让你省去做贴上的步骤。另外它也是一个好用的HTML编辑器，除了可以颜色标记HTML Tag （同时支持C/C++、Perl、Java）外，还内建完整的HTML和CSS1指令功能，对于习惯用记事本编辑网页的朋友，它可帮你节省一半以上的网页制作时间，若你有安装IE 3.0以上版本，它还会结合IE浏览器于EditPlus窗口中，让你可以直接预览编辑好的网页（若没安装IE，也可指定浏览器路径）。