• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

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

武飞扬头像
极具浪漫主义色彩的菜鸟学习之路
帮助2

今日的浪漫主义

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

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.自增符号$

学新通
学新通

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

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

学新通

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

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgbgage
系列文章
更多 icon
同类精品
更多 icon
继续加载