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>