how to edit faster in vscode code example

Example: write code faster in vscode

1-type ".container" without quotation then press tab. The result is
<div class="container"></div>
2-type "h1#container" without quotation then press tab. The result is
<h1 id="container"></h1> 
3-type "div>h1" without quotation then press tab. The result is
<div>
  <h1>
  </h1>
</div>
4-type "a[href="#"]" without quotation then press tab. The result is
<a href="#"></a>
5-type "p{Hello World!}" without quotation then press tab. The result is
<p>Hello World!</p>

Tags:

Html Example