【原创】（2020.2.8）sublime基础和HTML基本骨架

最新推荐文章于 2022-04-25 19:42:18 发布
最新推荐文章于 2022-04-25 19:42:18 发布
阅读量291 收藏 1
点赞数
文章标签： sublime text html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45965849/article/details/104280491
版权
本文介绍了Sublime Text的基础操作，包括新建HTML文件、快捷键使用，如自动生成HTML结构、多行编辑和代码缩放。此外，还讲解了HTML的基本骨架，包括html、head、title和body标签的作用。
摘要由CSDN通过智能技术生成

“注意快捷键等或符号均是在英文状态下的！！”

一、sublime基础

1、Ctrl+N ：新建
先保存（文件名加上扩展名.html，保存类型也选HTML）
输入 html:xt 按 Tab 键 ：自动生成Html的结构。
2、在body里面输入标签名，例如下图：输入 p
在这里插入图片描述
按 Tab 键：自动生成标签 如图：在这里插入图片描述
再例如：输入 p*6
在这里插入图片描述
按 Tab 键：自动生成6个标签
在这里插入图片描述
3、h标签有6组，即h1~h6，快速生成6个标签的方法：
输入 和 h$*6 （注：

最低0.47元/天 解锁文章
Brake Drift
关注
0002 前端 Html 01 Sublime基本使用方法 html的基本结构
十年之后_myself的博客
12-15 215
以下为学习笔记，用来备忘、交流 工具：Sublime Text 3 渲染：谷歌浏览器 Sublime基本使用方法 汉化：自己百度搜索： Sublime 如何设置中文 显示侧边栏：选择软件顶部的视图 - 侧边栏 - 显示/隐藏侧边栏 导入工作文件夹：选择软件顶部的文件 - 打开文件夹 - 选中自己提前建好的文件夹 Ctrl+S 组合键保存，记得经常保存 其他WIN 系统常用组合键，比如撤销，在...
webstorm2020.2.3下载安装教程
qq_39171225的博客
10-30 6723
1、首先去官网下载最新的版本 官网地址：http://www.jetbrains.com/webstorm/ 2、开始安装 3、选择合适的位置（最好不要装在C盘） 4、安装选项解释说明（根据自己需要选择） Create Desktop Shortcut：创建桌面快捷方式 Update context menu：是否添加到鼠标右键快捷方式里 Create Associations：关联文件格式，.js .css .html.json 勾选后之后js css html json文件默认会用webstorm打
sublime_text写的框架小结
loveking6的博客
07-14 880
1.简单的框架小结 2.document.getElementById("xx") 获取的是id为xx的框 document.getElementById("showinfo").value 获取的是id为xx框的内容 3.style="border-collapse:collapse" 代表的是将重复的框的线进行合并 4.colspan="2" 5.b...
sublime编辑器下载与安装过程 2020
pyhui的技术博客
03-28 535
下载地址 https://www.sublimetextcn.com/3/ 根据自己的电脑下载 本例下载的 安装过程 双击安装 不停的下一步 运行测试
sublime用tab快速生成页面结构
h13783313210的博客
02-06 1833
1.Tools中选择新代码段 2.Hello, ${1:this} is a ${2:snippet}. 把这一句替换为要生成的结构 3.hello  释放这一句，标签内写快捷键，如v 4.source.python 释放这一句，修改文件类型，如text.html 。即在html文档中生成结构 5.加上${1}，代表初始化后光标所在的位置 6.保存修改好的代码段，不需要加后缀即可
Sublime 快速生成结构代码
succuba_ckr的博客
08-15 9473
今天第一天系统学习前端知识。看了个视频，目前比较流行用的前端开发软件是sublime。于是，我就安装了。但是问题来了，我跟着视频里的操作，快速生成代码，结果发现，根本不听招呼。于是我就查。 晚上有好多种快速生成结构代码的方式，我一一尝试，都失败告终。后来发现一点，所有的方式都需要tab键。后来我突然意识到，可能是我的tab键和人家的不一样。于是，我就开始搜。 最后我确定了问题所在。即我没有安装...
sublime_text_3_build_3211_x64.tar.bz2
05-15
前端必备，功能强大的sublime编辑器，因为命令行下载过慢，使用离线安装会快一些。本安装包是Ubuntu下使用的，需要下载的话要仔细选择。
Pyv8.zip用于解决sublime text插件下载报错
05-12
用于解决sublime text下载插件报Error while loading PyV8 binary: exit code 1错误，解压出来.PyV8.pyd 和PyV8.py，然后新建一个PyV8的文件夹，放在/Packages目录下(Preferences – Browser Packages)，这个目录也...
gitconfig-sublimetext:.gitconfig和.gitignore文件的Sublime Text 2语言文件
05-25
为.gitconfig和.gitignore文件提供一些简单的设置。 安装 提供了此功能。 打开命令面板，然后选择“软件包控制：安装软件包”，然后搜索“ Git Config”，您就完成了！ 您也可以通过将其克隆到安装的Packages文件夹...
sublime text 2 的 ctags.exe（ctags的windows命令文件）
07-14
sublime text 2 ctags (不会安装的自己百度一下) 这个插件能跨文件跳转，跳转到指定函数声明的地方 下载并解压本ctags包中的ctags.exe到系统环境路径（默认压缩在c:\windows\system32就好了） 2.若没安装package...
sublime3——VS主题.vssettings
03-22
VS2013版本的sublime字体主题................................
HTML——1.Sublime快捷键、HTML常用标签
m0_46279684的博客
04-25 1579
目录 Sublime快捷键 页面骨架 浏览页面 选中多行 注释 页面语言lang 字符集 排版标签 标题标签h 段落标签p 水平线标签hr 换行标签br div和span标签 文本格式化标签 图像标签img 链接标签 注释标签 路径 相对路径 绝对路径 Sublime快捷键 页面骨架 html:5 + Tab ! + Tab 浏览页面 直接在空白处，右键——在浏览器中打开 选中多行 按住滚轮往下拉 注释 Ctrl + /（?）：把光标定在想要注释
Sublime Text各种插件使用方法
weixin_30412577的博客
12-20 433
有快捷键冲突的时候可以修改快捷键，建议修改插件快捷键而不是Sublime Text的快捷键，我的有冲突的一律将插件快捷键设置成：Ctrl+Alt+A(B...) Package Control 通俗易懂地说，这个是你在完成安装SublimeText后必须安装的东西。你问为什么？因为有了这个特殊的“插件包”，你可以很容易地安装、升级、删除，甚至非常方便地查看您已经安装在SublimeText中的...
Emmet：HTML/CSS代码快速编写神器
04-26 3719
Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示：    Zen coding下的编码演示 去年年底，该插件已经改名为Emmet。但Emmet不只改名，还带来了一些新特性。本文就来直观地演示给你。  一、快速编写HTML代码
sublime text 你所不知道的12个秘密
laokdidiao的专栏
05-17 9781
package control安装： 第一种方法是在控制台中复制粘贴代码按回车，https://sublime.wbond.net/installation 第二种办法下载pc文件，百度一下很多方案，这里不详说了 emmet安装： 1、按Ctrl+Shift+P命令板 2、输入PCIC，回车进入Package Control：install 3、输入Emmet和Emme
sublime快速生成html骨架
热门推荐
wfrm_123的博客
07-22 1万+
sublime中快速生成html骨架的快捷方法 在编写程序的时候反复地编写html框架会非常地麻烦，所以这里给出了快速生成html骨架的快捷方法。 第一种（使用html:5） 在sublime中输入html:5，再按下Tab键，就会出现html的完整骨架。 第二种方法（使用!） 在sublime中输入!在按下Tab键会出现完整骨架。 ...
【IDE】sublime3配置python环境
Ezreal's Blog
01-02 151
1.sublime3 -> Tools -> Build System -> New Build System 2.弹出编辑界面，粘贴如下代码： { "cmd": ["C:\\Anaconda3\\python.exe","-u","$file"], "path":"C:\\Anaconda3\\python.exe", "file_regex": "^[ ]*File \...
前端小知识——Sublime和HTML骨架
IPOmonkey的博客
06-03 2049
比较一下有名的专门制作网页的工具：1 Dream Weaver之前使用过Dream Weaver，Adobe公司的，已经过时了，使用的感觉并不是很好)虽然有一个实时可以看到网页的效果，但是各种不同步和格式问题。2 WebStorm使用了IDEA后，下载，开始使用的。jetbrains公司，是一款很棒的高级项目级别的编程工具。但是打开有点小慢（你懂的）。代码提示和IDEA一样好用而且强大。3 纯文本...
sublime入门基础和常用配置
yangyang的专栏
05-30 1万+
1.下载安装 这个就是百度找到官网下载，然后安装就可以了，和平常软件一样。2.基本的快捷键和操作 Ctrl+`(就是1旁边那个键)：快速唤起console面板。 Ctrl+Shift+p：调出packagecontrol面板。 Ctrl+/ 快速注释 Ctrl+光标 多点编辑 Ctrl+Shift+上/下 键 可以整体移动一行代码。 Ctrl+Shift+V 进行自适应缩进
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值