<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>webstorm快键键</title>

</head>

<body>

<!--

正常情况：

先输入：<h1

再输入:>

 -->

<h1></h1>

<!--

>：下一个子标签

*：多少个标签

$：标签的名称序号

{}:标签的内容

-->

<!--输入：h1,按tab键-->

<h1></h1>

<!--输入：div#abc,按Tab键-->

<div id="abc"></div>

<!--输入：div.abc,按Tab键-->

<div class="abc"></div>

<!--输入: div>p*6 ,按Tab键-->

<div>

    <p></p>

    <p></p>

    <p></p>

    <p></p>

    <p></p>

    <p></p>

</div>

<!--输入 a[href=#] 按tab键-->

<a href="#"></a>

<!--输入：ul.menu>li*6>a[href=#]{HTML} 按tab键-->

<ul class="menu">

    <li><a href="#">HTML</a></li>

    <li><a href="#">HTML</a></li>

    <li><a href="#">HTML</a></li>

    <li><a href="#">HTML</a></li>

    <li><a href="#">HTML</a></li>

    <li><a href="#">HTML</a></li>

</ul>

<!--输入  ul>li*5>a[href=#]{我是第$个} 再按tab键-->

<ul>

    <li><a href="#">我是第1个</a></li>

    <li><a href="#">我是第2个</a></li>

    <li><a href="#">我是第3个</a></li>

    <li><a href="#">我是第4个</a></li>

    <li><a href="#">我是第5个</a></li>

</ul>

<!--输入 img[src='images/$.jpg']*3 再按tab键-->

<img src="data:images/1.jpg" alt="">

<img src="data:images/2.jpg" alt="">

<img src="data:images/3.jpg" alt="">

<!--输入 li*3>div.img>img[src='images/$.jpg'] 再按tab键-->

<li>

    <div class="img"><img src="data:images/1.jpg" alt=""></div>

</li>

<li>

    <div class="img"><img src="data:images/2.jpg" alt=""></div>

</li>

<li>

    <div class="img"><img src="data:images/3.jpg" alt=""></div>

</li>

</body>

</html>

webstorm快速输入标签的更多相关文章

  1. Web快速输入标签

    在书写web代码的时候,掌握一些快捷输入方式不仅可以提高效率,还能省不少力气. 1. > :下一个子标签,如 div>p 加Tab达到: <div><p></ ...

  2. MathType中如何快速输入空心字母

    MathType输入数学公式时非常方便有效的,在文档中涉及到数学公式或者符号时都是使用MathType来进行的,因为它比Office自带的公式编辑器功能更为完善,使用起来更快捷.在数学公式中,在不同的 ...

  3. IntelliJ Idea 常用快捷键列表和快速输入

    IntelliJ Idea 常用快捷键列表和快速输入 快速输入查看 最常用快捷键 Alt+Enter 万能快捷键,用于引入错误包 Ctrl+ Mouse left 快速调转定义 快捷键 Ctrl+Sh ...

  4. 在GridControl控件中使用SearchLookUpEdit构建数据快速输入

    较早之前,曾经介绍了一篇文章<使用DataGridView数据窗口控件,构建用户快速输入体验>,介绍了在传统DataGridView中嵌入一个数据窗口进行选择列表,从而实现数据快速录入的操 ...

  5. Excle快速输入√与×

    如何在EXCLE中快速输入√与×呢 很简单的一个小技巧,只需要在EXCLE单元格中输入P(O) 然后将其字体设置为Wingdings 2,接着就出现符号了 不信你可以试试的哦.

  6. textLayout在快速输入清除时报错解决方法

    var tf:TextFlow; var len:int = tf.numChildren;for (var i:int = 0; i < len; i += 1){ tf.removeChil ...

  7. Settings > Editor > Live Templates 中自定义快速输入

    Settings > Editor > Live Templates 中自定义快速输入

  8. Sublime 黑科技之——lorem快速输入

    需要一段文字填充某块演示的空间,但不管写什么文字都觉得不合适,那么这个黑科技你值的拥有. 在Sublime Text中,输入lorem,再按Tab键,即可快速输入一段无意义的占位字符: Lorem i ...

  9. Rocket Typist for Mac（增强型文本快速输入工具）破解版安装

    1.软件简介    Rocket Typist 是 macOS 系统上一款增强型文本快速输入工具,我们可以利用这款工具预先设置保存好很多日常生活学习或是工作中常用的文本片段,还能设定部分内容为变量,当 ...

随机推荐

  1. ASP.NET Core 2.1与2.2 SignalR CORS 跨域问题

    将 SignalR 集成到 ASP.NET Core api 程序的时候,按照官方 DEMO 配置完成,本地访问没有问题,但是发布之后一直报跨域问题,本地是这样设置的: Asp.net core 2. ...

  2. 使用RAP2和Mock.JS实现Web API接口的数据模拟和测试

    最近一直在思考如何对Web API的其接口数据进行独立开发的问题,随着Web API的越来越广泛应用,很多开发也要求前端后端分离,例如统一的Web API接口后,Winform团队.Web前端团队.微 ...

  3. 使用FreeHttp强制登出微信公众号登陆状态（实现~原理）

    概述 我们使用的部分网站设计成一旦登录即不允许用户手动退出,现实场景中是没有问题的 但如果是在测试或调试过程中就会有强制登出的需求 如果当前使用的是PC浏览器,您或许可以通过调试模式清除保持登录信息的 ...

  4. VS2019 实用操作

    本文列出了在编写程序过程中的几个非常实用的操作方式,通过这些操作方式,可以在一定程度上减少重复操作.提高编码效率.改善编程体验. 列模式操作 列操作是一项很常用且实用的功能,可以一次性修改不同的行. ...

  5. java易混淆知识小结

    1.java的基本数据类型,及所占字节和范围 byte:  字节型,占1个字节,8位,范围是   -2^7 ~   2^7-1 short:短整型,占2个字节,16位,范围是 -2^15 ~ 2^15 ...

  6. mysql创建函数之省市区数据查询

    DROP FUNCTION IF EXISTS queryChildrenAreaInfo;CREATE FUNCTION queryChildrenAreaInfo(areaId varchar(2 ...

  7. css的寬高約束

    https://blog.csdn.net/qq_26780317/article/details/80736514

  8. vue 源代码创建tabs

    <ul class="tabs"> <li class="li-tab" v-for="(item,index) in tabsPa ...

  9. C语言博客作业02--循环结构

    1.本章学习总结 1.1 思维导图 1.2 本章学习体会及代码量学习体会 1.2.1 学习体会 经过本周学习,对c循环结构有了深入,无论是单层循环结构还是嵌套循环结构的问题,我都学会有一定的解决能力, ...

  10. DES的几种填补方式

    DES的几种填补方式 DES是对64位数据的加密算法,如数据位数不足64位的倍数,需要填充,补充到64位的倍数.   NoPadding    API或算法本身不对数据进行处理,加密数据由加密双方约定 ...