HTML编辑器

简述

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

工具推荐

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

  • Amaya(万维网联盟)
  • Dreamweaver(Adobe)
  • Frontpage(微软)
  • Microsoft Expression Web(微软)
  • CoffeeCup HTML Editor
  • CKEditor
  • Editplus
    ……

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

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

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 的方式:

  1. 直接双击 HTML 文件,或:右键 -> 打开方式,选择一个浏览器(Chrome、Firefox、IE)进行打开。
  2. 启动浏览器,将 HTML 文件拖拽进去。

效果如下:

HTML编辑器

上一篇:Photoshop基础_初学者学习经验谈


下一篇:Joomla 4中延迟加载的A-Z指南