我们在上一篇文章的最后写了一个小Demo,不知道小伙伴们有没有尝试着写一遍。对于接触过web开发的人来说,这个Demo可能最简单不过,但是没接触过的人在这里可能就面临学习中的第一个问题:这个html文件到底是怎么创建的,到底怎么选择开发环境?
HTML用编辑器就能编写,因此HTML的开发环境就可以理解为HTML编辑器。现在,市面上付费的和免费的都有很多,例如adobe dreamweaver、notepad++、记事本(win)以及TextEdit (Mac)等。在这可以安利一款国内做的比较好的编辑器Hbuilder,它是基于Eclipse主体是由Java编写的一款针对web开发的IDE(小编对灯发誓没有收广告费)。
很多人都推荐新手直接实用记事本直接编写文档,这样有助于记忆,但是在这个颜值至上的时代,记事本显得有点过于平淡。我们今天在这给小伙伴介绍一款编辑器,不仅美观还很高效,那就是被很多开发者奉为“神器”的Sublime Text,先看图:
怎么样,是不是比记事本好看太多了呢?之所以被奉为“神器”,Sublime Text不仅具有漂亮的用户界面,而且具有强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text是一个跨平台的编辑器,同时支持Windows、Linux、Mac 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文档文件。
领取专属 10元无门槛券
私享最新 技术干货