欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

HTML基础必学列表

一起学习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文档文件。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h33552.shtml

我要分享到:
上一篇: 前端的DIV浮动(float)
下一篇:HTML+CSS

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-07-10 01:03 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。