HTML 编辑器

HTML语言初学者,W3教程网推荐使用操作系统系统自带的纯文本编辑器,比如 Notepad (PC) 或 TextEdit (Mac)。。我们认为这是学习 HTML 语言的最佳方式,有助于记忆 HTML 语言标签及 HTML 文件结构。在本教程中,将使用纯文本编辑器来演示如何编辑 HTML 文件。但是,对于那些专业的 web 前端开发者而言,常常对 Dreamweaver 等 专业的HTML 编辑器情有独钟(有助于提高开发效率)。

Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站的网页编辑器,是建立Web站点、视觉化网页开发和应用程序的专业工具。它有 Mac 和 Windows 系统的版本。

HTML 编辑器推荐

初学者建议使用 NotepadTextEdit 来编写 HTML。

可以使用专业的 HTML 编辑器来编辑 HTML 文档,W3教程为大家推荐几款常用的编辑器:

Windows 用户
  • Adobe Dreamweaver

  • Notepad++

  • Sublime Text

  • Aptana

  • HBuilder

Mac(苹果系统) 用户
  • Adobe Dreamweaver

  • Coda

  • TextMate/li>

  • Aptana

根据个人所使用的操作系统选择相应的编辑工具,可以从软件的官网中下载对应的软件,按照提示安装即可。

下面我们将在Windows操作系统中,为大家演示如何使用记事本、Adobe DreamweaverNotepad++工具来创建 HTML 文件,其他两个工具操作步骤类似。

如何使用记事本编辑 HTML

步骤一:启动记事本

方法一:点击开始,找到 所有程序——附件——记事本
方法二:点击开始,运行——输入“notepad”——回车

步骤二:用记事本来编辑 HTML 文件

在记事本中键入以下 HTML 代码:

<!DOCTYPE html>
<html>
<head>
<title>W3教程(www.w3run.com)</title>
</head>
<body>
    <h1>HTML标题 标签</h1>
    <p>HTML段落 标签</p>
</body>
</html>

记事本编辑HTML

步骤三:保存 HTML

单击记事本上方的文件菜单中选择下拉菜单“另存为”或者使用快捷键 Ctrl + S 同样会弹出另存为对话框,文件名为 w3run.html。

保存HTML

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

将 HTML 文件保存在你容易记忆或者与当前网页有观的文件夹中,比如 w3run。

步骤四:在浏览器中运行你所保存好的 HTML 文件

启动 Internet Explorer 浏览器,然后选择"文件"菜单--"打开文件"命令,或者直接在文件夹中双击您的 HTML 文件,运行显示结果类似如下:

浏览器运行HTML

Notepad++ 编辑 HTML

Notepad++ 是在微软视窗环境之下的一个免费的代码编辑器。它使用较少的CPU功率,降低电脑系统能源消耗,但轻巧且执行效率高,使得Notepad++可完美地取代微软视窗的记事本。Notepad++ 不仅有语法高亮度显示,也有语法折叠功能,并且支持宏以及扩充基本功能的外挂模组。

Notepad++是免费软件,可以免费使用,自带中文,支持众多计算机程序语言:C,C++,Java,pascal,C#,XML,SQL,Ada,HTML,PHP,ASP, AutoIt, 汇编, DOS批处理, Caml, COBOL, Cmake, CSS,D, Diff, ActionScript, Fortran, Gui4Cli, HTML, Haskell, INNO, JSP, KIXtart, LISP, Lua, Make处理(Makefile), Matlab, INI文件, MS-DOS Style, NSIS, Normal text, Objective-C, Pascal,Python, Javascript,Verilog,Haskell,InnoSetup,CMake,VHDL,AutoIt,Matlab。

步骤一:用Notepad++新建 HTML 文件

首先,运行 Notepad++ 软件。选择" 文件(F)->新建(N) ",在新建的文件中输入以下代码:

<!DOCTYPE html>
<html>
<head>
<title>W3教程(www.w3run.com)</title>
</head>
<body>
    <h1>HTML标题 标签</h1>
    <p>HTML段落 标签</p>
</body>
</html>

Notepad++编辑HTML

步骤二::另存为 HTML 文件

然后选择" 文件(F) “->” 另存为(A) ",或按快捷键 Ctrl + Alt + S,文件名为 w3run.html:

Notepad++保存HTML

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

运行显示结果类似如下:

浏览器运行HTML

Internet Explorer,是微软公司推出的一款网页浏览器。原称Microsoft Internet Explorer(6版本以前)和Windows Internet Explorer(7、8、9、10、11版本),简称IE。在IE7以前,中文直译为“网络探路者”,但在IE7以后官方便直接俗称"IE浏览器"。

2015年3月微软确认将放弃IE品牌。转而在windows 10上,Microsoft Edge取代了。微软于2015年10月宣布2016年1月起停止支持老版本IE浏览器。