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 文件拖拽进去。
效果如下: