emmet문법

    <!-- h1 -->
    <h1></h1>
    <!-- h1+h2 -->
    <h1></h1>
    <h2></h2>
    <!-- h1>p -->
    <h1>
        <p></p>
    </h1>
    <!-- h1+h2>p -->
    <h1>hello</h1>
    <h2>
        <p>hello</p>
    </h2>
    <!-- h1{내용} -->
    <h1>hello</h1> 
    <!-- h1>p*6 -->
    <h1>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
    </h1>
    <!-- h1#one -->
    <h1 id="one"></h1>
    <!-- h1.one -->
    <h1 class="one"></h1>
    <!-- h${hi}*6 -->
    <h1>hi</h1>
    <h2>hi</h2>
    <h3>hi</h3>
    <h4>hi</h4>
    <h5>hi</h5>
    <h6>hi</h6>
    <!-- lorem -->
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quidem nam sit obcaecati! Harum voluptatum aliquam exercitationem, odio laboriosam est fugiat non porro recusandae adipisci dolore repudiandae reiciendis natus corrupti.
    <!-- p[a="value1" b="value2"] -->
    <p a="value1" b="value2"></p>
    <!-- a[href="www.naver.com"] -->
    <a href="www.naver.com"></a>
    h1.one.two#three
    <h1 class="one two" id="three"></h1>