Html快速输入标签

  • Post author:
  • Post category:其他


1、先输入一个感叹号,再按下Tab键,直接显示出html文件的基本格 式;

2、输入标签名,按下Tab键,自动生成相应标签;

3、输入:‘ span#app ’,按下Tab,可以快速创建id为‘app’的‘span’标签 ;

4、输入:‘ div.app ’,按下Tab键,可以快速创建class为‘app’的’‘div’标签;

5、输入:‘ ul>li

3 ’,按下Tab键可以快速创建‘ ul ’下的3个‘ li ’标签 ;

6、输入:‘ ul.menu>li

3>a[href=#‘可以创建一个class为‘ menu ’的‘ ul ’标签;

7、输入 ‘ 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>

8、输入: ‘ [img src=“image/



.

j

p

g

a

l

t

=

n

e

w

.jpg” alt=”new






.


j


p


g





a


l


t




=











n


e


w





”]*3 ’,再按下Tab键

...
  img[src="image/$.jpg" alt="new$"]*3     
  <img src="image/1.jpg" alt="new1">
  <img src="image/2.jpg" alt="new2">
 <img src="image/3.jpg" alt="new3">
``

9、输入 ‘ form:get/form:post ’ ,可以快速创建get传参的form表单

  <form action="" method="get"></form>

10、输入:‘ input:button ’,按下Tab键,可以快速创建input类型为button;

11、输入: ‘ a:link ’ ,可以快速创建


–>

12、输入: ‘ link:css ’, 按下Tab键,可快速创建

13、输入: ‘ div.news1+div.news2 ’,按下Tab键,可快速创建并列标签

     <div class="news1"></div>
    <div class="news2"></div>



版权声明:本文为weixin_41804367原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。