一起学习HTLM编辑器的使用

一起学习HTLM编辑器的使用

 

HTML用编辑器就能编写,因此HTML的开发环境就可以理解为HTML编辑器。现在,市面上付费的和免费的都有很多,例如adobe dreamweavernotepad++、记事本(win)以及TextEdit (Mac)等。在这可以安利一款国内做的比较好的编辑器Hbuilder,它是基于Eclipse主体是由Java编写的一款针对web开发的IDE

Sublime Text不仅具有漂亮的用户界面,而且具有强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text是一个跨平台的编辑器,同时支持WindowsLinuxMac OS X等操作系统。

有了编辑器,下面我们来学习怎么用Sublime Text来创建HTML文档(Windows系统为例):

步骤一:打开Sublime Text

打开“开始”菜单或者直接双击桌面的Sublime Text快捷方式打开编辑器;

步骤二:新建文件

点击菜单“文件”>>"新建文件",新建一个空白文档;

步骤三:保存文件

点击菜单“文件”>>"保存"或直接快捷键ctrl+s,弹窗提示选择保存路径并输入文件名Hello World.html后点击保存按钮,此时一个文本文档就创建完成;

步骤四:键入 HTML 代码

在文本区域输入代码并保存;

步骤五:打开HTML文档

在浏览器中查看网页;

在浏览器中打开HTML有几种方式:

Sublime Text文本编辑区域直接邮件选择“在浏览器中打开”;

windows下直接双击HTML文档文件用默认浏览器打开;

打开浏览器后,单击菜单“文件”>>“打开”或使用快捷键ctrl+O打开HTML文档文件。

推荐阅读