HTML编辑器

来源:互联网 发布:jsp与php的区别 编辑:程序博客网 时间:2024/04/30 15:46

简述

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

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

效果如下:

这里写图片描述

2 0
原创粉丝点击