阅读(6612)

HTML 编辑器的介绍及推荐

最后一次修改 2017年08月01日

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

blob.png


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

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

运行显示结果类似如下:

blob.png




常用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,也可指定浏览器路径)。





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

blob.png


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

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

运行显示结果类似如下:

blob.png




常用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,也可指定浏览器路径)。