1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 教你快速使用sublime Text3编写HTML

教你快速使用sublime Text3编写HTML

时间:2021-01-08 00:23:44

相关推荐

教你快速使用sublime Text3编写HTML

开发工具|sublime

sublime Text 3

开发工具-sublime

快递管理系统设计源码,vscode为什么光标,ubuntu3.6,tomcat运行乱码,c 如何连接sqlite3,爬虫可以搜国外客户信息吗,易语言与php加密,巩义seo优化课程方案,下载了网站代码怎么用,数据修改模板lzw

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

红酒网站源码,vscode设置快速搭建vue,awk ubuntu,tomcat8 监控,c 嵌入sqlite,url网页设计,阿里云服务器哪个好,触摸特效插件ios,bladex前端框架,怎样除爬虫,php5.dll,seo没前途,springboot代理池,dede如何设置网站端口,网页素材模板,网上购物商城jsp模板,织梦后台文件夹被改,jquery 单击跳转页面,n点虚拟主机管理系统 默认密码,本地商城程序lzw

1.下载并安装Sublime Text 3.

改名软件源码,vscode lua的使用,ubuntu文件查找,tomcat下项目设置,javahtml爬虫,php执行shell文件,热门seo系统加盟项目,自动发卡网站php源码,教育类的html全套模板lzw

2.打开Sublime Text 3界面。

欢迎页面

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

新建页面

4. 按下Ctrl+S,另存为你所指定的文件名,使用.html后缀(后缀很重要,Sublime将会根据后缀判断语言类型并帮你开启相应的自动补全)。例如,文件名为test.html

此时,当前标签页的文件名已经变成了test.html

5.输入<h,如图弹出相应代码补全候选目录后,可以看到html位于第一个,按下回车,自动补全:

6.如图,Sublime Text 3为我们自动生成了html页面的框架,我们再不必费心费力地输入大量起始内容了:

注:其中的为HTML5中的new feature

7.在

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

8.在和之间输入 <h2后回车,Sublime Text 3将会为你添加二级标题的代码补全。例如,输入一个标题为Chapter 1后,按下Ctrl+S保存文件。

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

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

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

10.不要关闭浏览器,在Sublime中输入<p按下回车,Sublime将产生段落补全代码,在

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。