sublime 搭建html,教你快速使用sublime Text3编写HTML

下面由sublime教程栏目给大家介绍使用sublime Text 3编写HTML方法，希望对需要的朋友有所帮助！

1.下载并安装Sublime Text 3.

2.打开Sublime Text 3界面。欢迎页面

3.按下Ctrl+N，新建页面。新建页面

4. 按下Ctrl+S，另存为你所指定的文件名，使用.html后缀(后缀很重要，Sublime将会根据后缀判断语言类型并帮你开启相应的自动补全)。例如，文件名为test.html此时，当前标签页的文件名已经变成了test.html

5.输入

6.如图，Sublime Text 3为我们自动生成了html页面的框架，我们再不必费心费力地输入大量起始内容了：注：其中的为HTML5中的new feature

7.在

和之间输入网页名称，它就是浏览器标签页上的名称。例如，输入index.

8.在

和之间输入

9.不必关闭Sublime，直接使用任意一款流行的浏览器打开你的test.html文件;

浏览器当前标签名即为你输入的title:index，地址栏内容为你的html文件本地路径。

Chapter 1为你刚刚输入的二级标题。

10.不要关闭浏览器，在Sublime中输入

和

之间输入Hello World Wide Web!后按下Ctrl+S保存文件。

11.刷新浏览器，可以看到html显示内容发生了变化：(Chrome浏览器中刷新操作为右键菜单单击重新加载，或按下Ctrl+R)

12.至此，使用Sublime编写HTML的入门部分就完成了，还实现了编写代码的同时用浏览器立即手动追踪显示效果的变化。我们还可以使用win10中的分屏将Sublime与浏览器并列在一起，便于观察。

sublime 搭建html,教你快速使用sublime Text3编写HTML相关推荐

sublime搭建python开发环境_使用sublime搭建python开发环境
sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等.还可自定义键绑定,菜单和工具栏.Sublime Text的主要功能包括:拼写检查,书签,完整的 P ...
teamspeak3服务器搭建_教你快速便捷的搭建Teamspeak 3 服务器和基友开黑必备！
Teamspeak 是一套专有的 VoIP 软件.所谓 VoIP 软件,就是基于网络协议的语音通话.而 Teamspeak 就是和现在市面上大多数即时通讯软件差不多,可以发送即时消息以及多人语音通话. ...
teamspeak搭建_教你快速便捷的搭建Teamspeak 3 服务器和基友开黑必备！
Teamspeak 是一套专有的 VoIP 软件.所谓 VoIP 软件,就是基于网络协议的语音通话.而 Teamspeak 就是和现在市面上大多数即时通讯软件差不多,可以发送即时消息以及多人语音通话. ...
教你从0到1搭建秒杀系统-Canal快速入门（番外篇）
Canal用途很广,并且上手非常简单,小伙伴们在平时完成公司的需求时,很有可能会用到.本篇介绍一下数据库中间件Canal的使用. 很多时候为了缩短调用延时,我们会对部分接口数据加入了缓存.一旦这些数据 ...
手把手教你快速搭建私服环境
手把手教你快速搭建私服环境,简单实用,一看就懂 1.准备工作:先下载Nxus Nexus 是 Maven 仓库管理器, 通过 nexus 可以搭建 maven 仓库,同时 nexus 还提供强大的仓库 ...
python创建工程sublimw,python使用sublime搭建开发环境的简单示例
这篇文章主要为大家详细介绍了python使用sublime搭建开发环境的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来 ...
Cocos2d-x游戏开发之lua编辑器 Sublime 搭建，集成cocos2dLuaApi和自有类
版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/wisdom605768292/article/details/34085969 Sublime Te ...
flex 画流程图_分享一款简单流程图制作软件，教你快速绘制流程图
分享一款简单流程图制作软件,教你快速绘制流程图 2019-11-20 10:35:40 0点赞 3收藏 1评论流程图的使用相信大家都不陌生,利用流程图图形与连接线组合而成的图形即为流程图,不仅可以让 ...
手把手教你快速搞定4个职场写作场景
" [写作能力提升]系列文章: 为什么建议你一定要学会写作? 手把手教你快速搞定 4 个职场写作场景 5 种搭建⽂章架构的⽅法"免费赠送! " 一.前言 Hello,我是 ...

sublime 搭建html,教你快速使用sublime Text3编写HTML

sublime 搭建html,教你快速使用sublime Text3编写HTML相关推荐

最新文章

热门文章