利用Emment快速生成HTML标签

过去写前端HTML页面时都是傻乎乎地一个一个敲，后来看网课发现别人用快捷键来生成标签，于是来学习一下

1.简单生成一个元素

打上标签名然后Tab

div + Tab  

<div></div>

2.镶嵌元素

div>table>tr>td + Tab

<div>
    <table>
        <tr>
            <td></td>
        </tr>
    </table>
</div>

3.多个元素

table>tr*3>td*2 + Tab 三行两列

<div>
    <table>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>
</div>

4.同级标签

div+span

<div></div>
<span></span>

5.属性

div.name+div#age

其实就是标签选择的的标识：.用于选择类，#用于选择ID

<div class="name"></div>
<div id="age"></div>

6.自定义属性

a[href="#"]

其实这个就有点麻烦了，和直接写差不多

<a href="#"></a>

7.元素编号

ul>li.item$*5

<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
    <li class="item4"></li>
    <li class="item5"></li>
</ul>

8.添加文本

a{chick me}

<a href="">chick me</a>