[HTML]Emmet

입력 후 Tab눌러 줘야 함.

 

[기본 html마크업]

!

[class를 가진 div]

.classname

<div class='classname'></div>

 

[id를 가진 div]

#id

<div id='id'></div>

 

[부모-자식]

div > ul > li

<div>

    <ul>

        <li>

        </li>

    </ul>

</div>

 

[부모-자식-형제]

div > ul + ol

[같은 tag를 여러개 생성]

ul > li * 5

 

div>ul>li^ol

div안에 ul 안에 li

div 안에 ol

^ => 부모의 형제로 생성해줌

 

p{hello}

태그 안에 텍스트 넣는 것

 

p.class${item $}*5

각각의 p태그 안에 item1,item2...item5가 들어가고 class도 1,2,3,4,5로 설정된다.