<!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. python接口自动化-json数据处理

    前言 有些post的请求参数是json格式的,需要导入json模块进行处理,json是一种数据交换格式,独立于编程语言 一般常见的接口返回数据也是json格式的,我们在做判断的时候,往往只需要提取其中 ...

  2. git 多用户多仓库配置

    ssh全称是Secure Shell,即安全Shell,是一种可以进行安全远程登录的协议,在Linux中以OpenSSH为代表,Windows中则有Putty作为实现.ssh的会话建立阶段类似TCP协 ...

  3. oracle 关于对时间操作的汇总

    -- 对时间的操作 对当前日期增加一个小时: SQL> select sysdate, sysdate+numtodsinterval(1,’hour’) from dual ; 对当前日期增加 ...

  4. photoshop实例实战（入门级）教程

    PS对街拍女孩照片增加质感(2019-03-19 17:57) PS制作水火相溶特效文字图片(2019-03-19 17:49) PS制作简洁漂亮的立体抽丝文字(2019-03-19 17:16) P ...

  5. java中异常处理finally和return的执行顺序

    根据个人亲自测试,得出如下结果: 1.try,catch中有没有return,finnally都会执行,而且是先执行try,catch后,最后执行finnally语句: 2.如果finnally中有r ...

  6. linux查看目录下各个文件大小的命令

    linux查看目录下各个文件大小的命令 由于需要经常查看各个文件的具体大小 ,所以这里记一下. 命令如下: du -h --max-depth=1

  7. 安装maven，并配置eclipse

    平台 ubuntu 18.04 + Java 8 下载并安装Maven 下载页面:http://maven.apache.org/download.cgi 我这里使用写博客是最新的版本3.6.1,选择 ...

  8. 深度学习识别CIFAR10：pytorch训练LeNet、AlexNet、VGG19实现及比较（三）

    版权声明:本文为博主原创文章,欢迎转载,并请注明出处.联系方式:460356155@qq.com VGGNet在2014年ImageNet图像分类任务竞赛中有出色的表现.网络结构如下图所示: 同样的, ...

  9. jquery中关键字写错导致的错误——dataType写成dateType（data写成date）

    由于不会报错,会导致原本servlet后端传回的json字符串不能被正确解析为json格式,而只是显示为字符串. 具体错误表现为:在浏览器Console中显示为字符串,但是在json.cn中可以被正常 ...

  10. JavaScript的数据结构和算法

    所有JavaScript对象都有hasOwnProperty(value)的方法,用来返回一个表明对象是不是具有这个value Key值属性的布尔值. javaScript的方法 具有delete的方 ...