<!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. 在vultr安装和使用golang

    1.vultr可以用微信或支付宝充值,方便.好像推荐别人用还能挣美分,懒得弄了,参加了一个充10刀送50刀的活动,感觉实惠(实际用时感觉有点小贵). 2.注册登录后,控制面板上billing可查看余额 ...

  2. 作业2：分布式版本控制系统Git的安装与使用

    1.下载安装配置用户名和邮箱. 2. 创建工作目录并通过git init命令把这个目录变成Git可以管理的仓库. 3. 在工作目录下准备文本文件,建议下载Notepad++代替记事本. 4. 组合用g ...

  3. 【憩园】C#并发编程之异步编程(一)

    写在前面 C#5.0中,对异步编程进行了一次革命性的重构,引入了async和await这两个关键字,使得开发人员在不需要深刻了解异步编程的底层原理,就可以写出十分优美而又代码量极少的代码.如果使用得当 ...

  4. JavaScript判断对象是否是NULL

    这个方法是我踩了很多坑之后找到的,对数组等类型的对象都很好使,果断收藏! function isEmpty(obj) { // 检验 undefined 和 null if (!obj &&a ...

  5. .NET Core开源快速开发框架Colder发布 (NET Core2.1+AdminLTE版)

    引言 上星期发布的.NET452+AdminLTE版框架得到了大家的大力支持,目前GitHub已获近100星,鄙人十分高兴能够帮助大家.其中有不少关心.NET Core的支持情况,因为未来的.NET平 ...

  6. 501. Find Mode in Binary Search Tree

    Given a binary search tree (BST) with duplicates, find all the mode(s) (the most frequently occurred ...

  7. VS2010动态链接库的生成及调用（C++）

    一.动态链接库的生成 首先利用VS2010新建一个空的工程或者win32工程 2.在工程中添加头文件和源文件 3.工程属性配置 3.1 可以在解决方案目录下新建以下几个文件夹 bin (用于存放Rel ...

  8. 2018-2019 ACM-ICPC, Asia East Continent Finals I. Misunderstood … Missing（dp）

    题目链接: http://codeforces.com/gym/102056/problem/I 题意: 人物有l两个属性分别是$A,D$ 每个回合人物$A\pm D$ 每个回合有三个选择分别是: 1 ...

  9. 证明与计算(2): 离散对数问题(Discrete logarithm Problem, DLP)

    离散对数问题,英文是Discrete logarithm Problem,有时候简写为Discrete log,该问题是十几个开放数学问题(Open Problems in Mathematics, ...

  10. SQL语句中 INNER JOIN的用法！

    一.SQL语句中  INNER JOIN的用法? 1.INNER JOIN的作用? 可以在两个或者更多的表中获取结果,得出一张新表. [隐式内连接] 表一 car  购物车 表二 user 用户 发现 ...