vscode编写html的快捷键(敲代码的快捷方式)

VSCode HTML 编写技巧
本文介绍在 VSCode 中高效编写 HTML 的多种快捷方式,包括常用标签的快速输入、随机文本填充等实用技巧,帮助开发者提高编码效率。

今日的浪漫主义

【冰岛公路环岛】当车窗如画框,开车也成了一种享受

01. 输入!

选择第一行
在这里插入图片描述将自动生成缺省html代码框架:

在这里插入图片描述
或者输入!接着输入tab键是一样的效果。

输入html:5,然后按tab键或enter键,
效果如下:
在这里插入图片描述
在这里插入图片描述

02. 注释:ctrl + /

在这里插入图片描述

比如光标停留在test这一行,按ctrl +/有:
在这里插入图片描述再按一次,则取消注释:

在这里插入图片描述

03.输入标签名自动补齐

输入标签名 按tab键或Enter键自动补齐

输入 h1
在这里插入图片描述
在这里插入图片描述

04. {}可输入标签内的文本

如输入:h2{填充文本}
在这里插入图片描述
在这里插入图片描述

05. 为了测试,不想打字,随机文本的输入

随机文本的输入

在这里插入图片描述
Lorem自动输入一段随机文本(默认30个单词),Lorem10 输入10个单词,Lorem*5 输入5遍随机文本

在这里插入图片描述

06. 使用"#“输入id,”.“输入class,”[]"输入属性

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

div[alt=到底了]{结束} 添加属性及包裹文本

在这里插入图片描述
在这里插入图片描述

07.使用">“输入嵌套标签,”+" 输入并列的兄弟标签,"^"上级元素

">“输入嵌套标签
在这里插入图片描述

div#left{I am left}+div#right{I am right} 并列标签

在这里插入图片描述

"^"上级元素

在这里插入图片描述
在这里插入图片描述

08.使用"()“对标签分组及使用”*"生成多个相同的标签

在这里插入图片描述

在这里插入图片描述

09.自增符号$

在这里插入图片描述
在这里插入图片描述

提示:对于这篇学习笔记就暂时到这了,兄弟们加油
对于这篇学习笔记就暂时到这了,兄弟们加油

从现在做起,坚持下去,一天进步一小点,不久的将来,你会感谢曾经努力的你!
如果又出错的,请各位友友指正。

请添加图片描述

新人报到,各位友友们,给我个三联(点赞,关注,收藏)

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

极具浪漫主义色彩的菜鸟学习之路

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值