1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>webstorm快键键</title>
  6. </head>
  7.  
  8. <body>
  9.  
  10. <!--
  11. 正常情况：
  12. 先输入：<h1
  13. 再输入:>
  14.  -->
  15. <h1></h1>
  16.  
  17. <!--
  18. >：下一个子标签
  19. *：多少个标签
  20. $：标签的名称序号
  21. {}:标签的内容
  22. -->
  23.  
  24. <!--输入：h1,按tab键-->
  25. <h1></h1>
  26.  
  27. <!--输入：div#abc,按Tab键-->
  28. <div id="abc"></div>
  29.  
  30. <!--输入：div.abc,按Tab键-->
  31. <div class="abc"></div>
  32.  
  33. <!--输入: div>p*6 ,按Tab键-->
  34. <div>
  35.     <p></p>
  36.     <p></p>
  37.     <p></p>
  38.     <p></p>
  39.     <p></p>
  40.     <p></p>
  41. </div>
  42.  
  43. <!--输入 a[href=#] 按tab键-->
  44. <a href="#"></a>
  45.  
  46. <!--输入：ul.menu>li*6>a[href=#]{HTML} 按tab键-->
  47. <ul class="menu">
  48.     <li><a href="#">HTML</a></li>
  49.     <li><a href="#">HTML</a></li>
  50.     <li><a href="#">HTML</a></li>
  51.     <li><a href="#">HTML</a></li>
  52.     <li><a href="#">HTML</a></li>
  53.     <li><a href="#">HTML</a></li>
  54. </ul>
  55.  
  56. <!--输入  ul>li*5>a[href=#]{我是第$个} 再按tab键-->
  57. <ul>
  58.     <li><a href="#">我是第1个</a></li>
  59.     <li><a href="#">我是第2个</a></li>
  60.     <li><a href="#">我是第3个</a></li>
  61.     <li><a href="#">我是第4个</a></li>
  62.     <li><a href="#">我是第5个</a></li>
  63. </ul>
  64.  
  65. <!--输入 img[src='images/$.jpg']*3 再按tab键-->
  66. <img src="data:images/1.jpg" alt="">
  67. <img src="data:images/2.jpg" alt="">
  68. <img src="data:images/3.jpg" alt="">
  69.  
  70. <!--输入 li*3>div.img>img[src='images/$.jpg'] 再按tab键-->
  71. <li>
  72.     <div class="img"><img src="data:images/1.jpg" alt=""></div>
  73. </li>
  74. <li>
  75.     <div class="img"><img src="data:images/2.jpg" alt=""></div>
  76. </li>
  77. <li>
  78.     <div class="img"><img src="data:images/3.jpg" alt=""></div>
  79. </li>
  80.  
  81. </body>
  82. </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. CSS3中三角形及三角形组合图实现

        几何之三角形及三角形的组合图案理论 三角形( triangle ['traɪæŋɡl])可以看成正方形对角线交叉形成的图形 若想得到编号①方向向下三角形,只需对编号②③④三角形让其透明tran ...

  2. [已解决]报错：Required request body is missing

    问题代码: res = requests.post(getXxxxList_url, headers=headers, data={}) 对象网站: angular4 apache 通过验证 (coo ...

  3. R语言学习——数据合并及绘制密度分布曲线图

    setwd("E:/08_cooperation/07_X-lab/06-Crosstalk/Aadapter_primer")# 读取lane01.txt,并对其按列进行相加处理 ...

  4. 如何注册一个google账号

    注册过google账号的人都知道,在注册的过程中会需要短信验证. 可我大天朝偏偏连这个都锁了,导致根本验证不了. 所以,经过网上方法的不断尝试,排除了很多的方法:例如使用qq邮箱注册等,现在已经不能用 ...

  5. eclipse中maven父子项目层级显示设置

    第一步:window-->show view --> project explorer 第二步:小三角---> projects presentation----->hiera ...

  6. 详解TCP三次握手

    该文pdf下载地址:三次握手.pdf

  7. 京东iPad新品开售销量环比增22倍

    一年一度万众期待的 Apple 春季发布会终于在今天凌晨揭晓,Apple 新推的 Apple News.Apple Card.Apple Arcade 和 Apple TV+ 四大软件服务惊喜不断,随 ...

  8. Spring MVC 使用介绍（十三）数据验证 （一）基本介绍

    一.消息处理功能 Spring提供MessageSource接口用于提供消息处理功能: public interface MessageSource { String getMessage(Strin ...

  9. vue路由参数变化刷新数据

    当路由到某个组件时,由于组件会复用,所以生命周期函数不会再次执行, 如果这个组件是模板组件,靠传入不同数据来显示的.那么,可能会发生参数变化了但页面数据却不变化. 问题 假如有个组件 info.vue ...

  10. git常用命令介绍

    一,仓库 1. git init    把当前目录变成git可管理得仓库,也就是初始化仓库 2. git add 文件名            在仓库中添加新文件 3. git commit -m & ...