这篇文章就使用【Sublime Text】来创建一个网页；

1. 双击打开【sublime Text】

2. 点击左上角【文件】

3.点击【新建文件】

此时默认在sublime text的暂存盘创建了一个text文件

4. 按下【Ctrl】+【S】保存

5. 选择一个位置进行保存

选择一个自己想要文件存储的位置，我这里是选择了桌面；

6. 写【文件名】，拓展名写【html】或【htm】

在这样一个输入框中输入自己想要给文件的名字；文件拓展名直接写成【HTML】或【htm】

我这里取名为了【index.HTML】；

然后点击【保存】

这是我们就可以在上面看到文件已经创建成功并打开了；

接下来我们就可以在其中写HTML代码了；

7. 首先对浏览器的渲染引擎说【我要做网页】

8. 写出HTML的基本结构

9. 保存，这个习惯一定要培养；

【Ctrl】+【S】；任何操作编辑之后要显示之前都要保存；平时过一会按一下保存；否则万一有什么突发情况辛辛苦苦写了几百行的代码，结再打开时就几行；

10. 然后我们用浏览器看一下显示效果

我们不需要再找到刚刚创建文件的位置去打开，

直接在墨绿色的面板的任意位置鼠标右击；点击【open in browser】

【open in browser】翻译过来就是【在浏览器中打开】；

这个工具会帮你直接在默认的浏览器中去打开；

------------------16岁的小前端

HTML进阶--如何使用Sublime Text来创建网页 -------16岁的小前端相关推荐

HTML进阶--段落标签P --------16岁的小前端
前面我们学习了使用[ <br> ]标签来实现这样一个效果:我说过实际上这里并不是使用[ <br> ]标签来实现的,我们只是学习[ <br> ...
【亲测好用！】Centos6.5安装Sublime text 3-----可创建桌面图标
Centos大多数情况下是用来做服务器的,但是由于各种原因我现在要用Centos做开发机,所以当然要安装开发神奇Sublime textle. 注意:安装目录因人而异,我的安装目录是/opt/subl ...
sublime text html乱码,Sublime Text 2中文显示乱码的解决方法
Sublime Text 2中文显示乱码的解决方法发布时间:2014-05-12 15:30:14 作者:佚名我要评论这篇文章主要介绍了Sublime Text 2中文显示乱码的解决方法 ...
Sublime Text 全程图文指引
From(Sublime Text 全程指南):http://zh.lucida.me/blog/sublime-text-complete-guide From(Sublime Text 3 全程详 ...
Sublime Text 3 全程详细图文原创教程
感觉这个写的不错,留着以后可能用的到一. 前言使用Sublime Text 也有几个年头了,版本也从2升级到3了,但犹如寒天饮冰水,冷暖尽自知.最初也是不知道从何下手,满世界地查找资料,但能查阅到 ...
【工具使用篇】Sublime Text 3 全程详细图文使用教程
一. 前言使用Sublime Text 也有几个年头了,版本也从2升级到3了,但犹如寒天饮冰水,冷暖尽自知.最初也是不知道从何下手,满世界地查找资料,但能查阅到的资料,苦于它们的零碎.片面,不够系统 ...
Sublime Text的优雅使用
原文出处:http://www.jianshu.com/p/3cb5c6f2421c/ Sublime Text:一款具有代码高亮.语法提示.自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持 ...
sublime text 3下载与安装详细教程
一.下载:打开官网下载链接http://www.sublimetext.com/3,下载Sublime Text 3 portable version"下载下来为"Sublime ...
python 论文写作_论文编辑神器Sublime Text，让论文写作过程事半功倍
经常有小伙伴询问我们:我的论文是用LaTeX写的,你们能进行润色编辑吗? 今天我们就来告诉大家,咱们各学科编辑专家里也都是卧虎藏龙,LaTeX对于他们来说也是常用工具之一,今天我们就带来一篇咱们华人翻 ...

HTML进阶--如何使用Sublime Text来创建网页 -------16岁的小前端