您的位置：首页 > Web前端 > HTML

HTML编辑器

2015-11-23 09:35 316 查看

简述

HTML编辑器是指编辑制作HTML的工具，通过使用编辑器，我们可以自定义窗囗，编辑主题、索引，可选择添搜索页，无任何不自由。

简述

工具推荐

编辑运行
新建 HTML 文件

另存为 HTML 文件

在浏览器中运行 HTML 文件

工具推荐

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

Amaya（万维网联盟）

Dreamweaver（Adobe）

Frontpage（微软）

Microsoft Expression Web（微软）

CoffeeCup HTML Editor

CKEditor

Editplus

……

这里推荐几款常用的编辑器：

Notepad++：https://notepad-plus-plus.org/

Sublime Text：http://www.sublimetext.com/

HBuilder：http://www.dcloud.io/

可以从以上软件的官网中下载对应的软件，按步骤安装即可。

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

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

编辑运行

通过 Notepad++，依照以下几步来创建一个 HTML 页面。

新建 HTML 文件

打开 Notepad++，选择：文件(F) -> 新建(N) ，在新建的文件中输入以下代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>一去丶二三里</title>
</head>

<body>

<h1>青春不老，奋斗不止！</h1>

<p>纯正开源之美，有趣、好玩、靠谱。。。<p>

</body>
</html>


另存为 HTML 文件

选择：文件(F) -> 另存为(A)… ，文件名为：myHTML.html。

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

在浏览器中运行 HTML 文件

有很多中运行 HTML 的方式：

直接双击 HTML 文件，或：右键 -> 打开方式，选择一个浏览器（Chrome、Firefox、IE）进行打开。

启动浏览器，将 HTML 文件拖拽进去。

效果如下：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  HTML HTML编辑器 HTML编辑 HTML运行 HTML工具
相关文章推荐
新的分享
章节导航