<!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爬虫【实战篇】scrapy 框架爬取某招聘网存入mongodb

    创建项目 scrapy startproject zhaoping 创建爬虫 cd zhaoping scrapy genspider hr zhaopingwang.com 目录结构 items.p ...

  2. [转帖]Qemu 简述

    Qemu 简述 记得KVM 就是 底层用的qemu https://www.cnblogs.com/bakari/p/7858029.html 本文首发于我的公众号 Linux云计算网络(id: cl ...

  3. git　submoudle提交

    进入到各个submoudle文件夹 git status 查看所在branch和文件修改状态 git add [files]; git commit "" git pull ori ...

  4. MySQL主从复制（一）

    whereis...命令的使用:

  5. python 绘制柱状图

    python 绘制柱状图 import matplotlib.pyplot as plt import numpy as np # 创建一个点数为 8 x 6 的窗口, 并设置分辨率为 80像素/每英 ...

  6. Url校验正则

    最近需要对HTTP请求合法性做一些校验,在网上查找了一些关于URL合法性的正则表达式. 在github上的有个关于weburl匹配的gist: https://gist.github.com/dper ...

  7. vue中怎么全局引入sass文件

    1.添加依赖 npm install sass-resources-loader --save-dev 2.修改build/utils.js scss: generateLoaders('sass') ...

  8. CnPack IDE 专家包(CnWizards)显示代引用单元列表

    CnWizards_1.1.3.896

  9. Netty 客户端断线重连

    client 关闭后会执行 finally 代码块,可以在这里可以进行重连操作 public class NettyClient implements Runnable { private final ...

  10. Java内存溢出和内存泄露后怎么解决

    1.首先这里先说一下内存溢出和内存泄露的区别: 内存溢出 out of memory,是指程序在申请内存时,没有足够的内存空间供其使用,出现out of memory:比如申请了一个integer,但 ...