首页 开发工具 sublime 教你快速使用sublime Text3编写HTML

教你快速使用sublime Text3编写HTML

Apr 13, 2021 pm 03:57 PM

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

教你快速使用sublime Text3编写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 Text3编写HTML的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
威尔R.E.P.O.有交叉游戏吗?
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

崇高的文字生产力黑客:加快您的编码工作流程 崇高的文字生产力黑客:加快您的编码工作流程 Apr 03, 2025 am 12:20 AM

使用SublimeText提升编程效率的方法包括:1)熟练使用快捷键,如Ctrl Shift D复制行;2)利用多行编辑功能,如Ctrl 鼠标点击选择多位置;3)安装插件,如Emmet生成HTML/CSS代码;4)自定义配置文件,如设置字体大小和颜色主题。掌握这些技巧可以大大提升你的编码速度和工作效率。

高级崇高文本自定义:主题,键绑定和软件包 高级崇高文本自定义:主题,键绑定和软件包 Apr 04, 2025 am 12:05 AM

定制SublimeText的方法包括:1.创建并修改主题文件,如MyTheme.sublime-theme,调整编辑器外观;2.自定义按键绑定,通过Default(Windows).sublime-keymap文件设置快捷键;3.安装PackageControl并通过它管理插件,如Emmet和SublimeLinter,扩展编辑器功能。

崇高的文本命令调色板:释放崇高的力量 崇高的文本命令调色板:释放崇高的力量 Apr 07, 2025 am 12:17 AM

使用SublimeText的CommandPalette可以提高工作效率。1)打开CommandPalette(Ctrl Shift P/Windows/Linux,Cmd Shift P/Mac)。2)输入命令关键字,如"InstallPackage"或"DarkTheme"。3)选择并执行命令,如安装插件或切换主题。通过这些步骤,CommandPalette能帮助你快速执行各种任务,提升编辑体验。

崇高的文本项目管理:组织和导航代码库 崇高的文本项目管理:组织和导航代码库 Apr 08, 2025 am 12:05 AM

SublimeText的项目管理功能可以通过以下步骤高效组织和导航代码库:1.创建项目文件,使用Project菜单中的SaveProjectAs...保存.sublime-project文件。2.配置项目文件,指定包含的文件夹和设置,如排除特定文件或设置构建系统。3.打开项目文件,通过Project菜单中的OpenProject快速加载项目环境。4.优化项目文件,避免包含过多文件夹,使用排除模式提升导航速度。通过这些步骤,你可以利用SublimeText的项目管理功能,提升开发效率和代码质量。

崇高的文本构建系统:直接编译和运行代码 崇高的文本构建系统:直接编译和运行代码 Apr 05, 2025 am 12:12 AM

SublimeText的BuildSystems可以通过配置文件自动化编译和运行代码。1)创建JSON配置文件,定义编译和运行命令。2)使用快捷键触发BuildSystems执行命令。3)优化配置以提高性能,如使用缓存和并行编译。这让开发者能专注于编写代码,提升开发效率。

崇高的文本正则表达式:掌握搜索并替换 崇高的文本正则表达式:掌握搜索并替换 Apr 06, 2025 am 12:15 AM

在SublimeText中使用正则表达式进行搜索和替换可以通过以下步骤实现:1.打开搜索和替换功能,使用快捷键Ctrl H(Windows/Linux)或Cmd Opt F(Mac)。2.勾选"正则表达式"选项,输入正则表达式模式进行搜索和替换。3.使用捕获组提取匹配内容,例如使用https?://(1 )提取URL中的域名。4.测试和调试正则表达式,确保正确匹配所需内容。5.优化正则表达式,避免过度匹配和使用非贪婪匹配提高性能。/↩

崇高的文本软件包控制:掌握软件包管理 崇高的文本软件包控制:掌握软件包管理 Apr 09, 2025 am 12:08 AM

PackageControl通过以下步骤提升SublimeText的开发体验:1.安装PackageControl,使用几行命令即可完成。2.通过快捷键或菜单访问PackageControl,进行插件的安装、更新和删除。3.定期清理和更新插件,优化性能并提升开发效率。通过这些操作,开发者可以专注于编程,提升整体开发体验。

崇高的文字:解释的许可证详细信息 崇高的文字:解释的许可证详细信息 Apr 10, 2025 am 09:34 AM

SublimeText的许可证是永久性的数字密钥,用于解锁所有功能并去除试用提示。购买后通过官方网站激活,同一密钥可用于多设备个人使用,需避免违反使用条款。

See all articles