设为首页收藏本站
开启辅助访问
VScode快速生成HTML结构语法 您所在的位置：网站首页 › html快速生成代码搭建 › VScode快速生成HTML结构语法

VScode快速生成HTML结构语法

2024-07-10 20:51| 来源: 网络整理| 查看: 265

快速生成HTML骨架 输入!后按TAB键 在这里插入图片描述 生成标签 直接输入标签名，然后按TAB键。以div举例

在这里插入图片描述 生成多个相同的标签 加上*，例如想要生成多个div，直接写div*3后按tab键 在这里插入图片描述 在这里插入图片描述 生成父子级关系标签 如果有父子级关系，可以用>再按TAB键生成，例如ul>li 在这里插入图片描述 在这里插入图片描述 生成同级关系标签 用+号然后TAB键生成同级标签，例如div+p 在这里插入图片描述 在这里插入图片描述 生成带有类名或者ID的标签 直接 .类名或者 #标签名后按TAB键 例如生成带有id为demo1的标签 在这里插入图片描述

在这里插入图片描述

默认为div生成 如果想要生成其他标签，给上相应的约束便可以，例如生成p标签 在这里插入图片描述 在这里插入图片描述

生成类的也同理

生成有顺序的类名或id名的标签 如果想生成带有demo1 demo2 demo3… 用$符号和*号 例如 在这里插入图片描述

在这里插入图片描述 在生成标签的内部默认写上内容可以用{} 在这里插入图片描述 在这里插入图片描述 各个用法可以组合使用 例如 在这里插入图片描述 在这里插入图片描述 和 在这里插入图片描述 在这里插入图片描述



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有