html
!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>代码快捷输入方式</title>
</head>
<body>
<!--1.父子关系：-->
<!--div>p 加Tab键-->
<div>
<p></p>
</div>
<!--2.兄弟关系，并列关系-->
<!--div+p加Tab键-->
<div></div>
<p></p>
<!--3.乘法关系,-->
<!--ul>li*4加Tab键-->
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<!--4.id及class属性-->
<!--div#one加Tab键-->
<div id="one"></div>
<!--div.two加Tab键-->
<div class="two"></div>
<!--5.元素内容-->
<!--div.two{我是div元素}加Tab键-->
<div class="two">我是div元素</div>
<!--6.自增符号$-->
<!--p.a${我是第$个段落}*3加Tab键-->
<p class="a1">我是第1个段落</p>
<p class="a2">我是第2个段落</p>
<p class="a3">我是第3个段落</p>
</body>
</html>