快速生成HTML结构语法（HTML、CSS）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>快速生成HTML结构语法</title>
</head>
<body>
<div></div> <!-- 写上div 按下tab键即可生成 -->
<!-- div*10 后按下tab键即可 -->
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<!-- 写上 ul>li 按下tab键即可生成 -->
<ul>
<li></li>
</ul>
<!-- 写上 div>span（即div包含span） 按下tab键即可生成 -->
<div>
<span></span>
</div>
<!-- 写上div+p 按下tab键即可生成 -->
<div></div>
<p></p>
<!-- 写上.nav按下tab键即可生成 -->
<div class="nav"></div>
<!-- 写上#nav 按下tab键即可生成 -->
<div id="nav"></div>
<!-- 若要用p去书写，写上p.one按下tap键即可生成 -->
<p class="one"></p>
<!--若要用p去书写，写上p#one按下tap键即可生成 -->
<p id="one"></p>
<!-- 要使用其他标签 方法相同 -->
<!--
如有要有顺序的 则： 写上.nav$*5 按下tab键即可生成 -->
<div class="nav1"></div>
<div class="nav2"></div>
<div class="nav3"></div>
<div class="nav4"></div>
<div class="nav5"></div>
<!-- 要使生成的标签里面默认几个文字 则写上 div{***}按下tab键即可生成 -->
<div>你好</div>
<!-- 要使生成的标签里面默认几个文字 则写上 div{***}按下tab键即可生成 div{***}*5 则输出5次 -->
<div>你好</div>
<div>你好</div>
<div>你好</div>
<div>你好</div>
<div>你好</div>
<!-- 要使生成的标签里面默认几个文字 则写上 div{***}按下tab键即可生成 div{***}*5 则输出5次 若要让它进行1-5排序
则 div{$}*5 -->
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</body>
</html>
