[VSC] Emmet

html 양식 작성

! 누르고 탭키를 누르면 양식이 작성된다.

div 태그 작성

div

탭키를 누르면 div 태그가 작성된다.
div.class, div#id -> 탭키를 누르면 클래스와 아이디가 들어간 div태그가 작성된다.
.class, #id만 눌러도 작성이 된다.

부모,자식,형제 노드

1. >

div>ul>li

(div 안에 ul 안에 li)

2. +

div>ul+ol

(div 안에 ul 옆에 ol)

3. *

ul>li*5

(ul안에 li 다섯개)

4. ^

div>ul>li^ol

꺽쇠를 이용하면 li의 부모인 ul 옆에 ol이 작성된다.

5. 그룹화하기 ()

div>(header>ul>li*2)+footer>p

6. 텍스트 입력하기

p{hello}

p태그안에 hello라는 텍스트가 입력된다.

7. 자동 번호 넣기

p.class${item$}*5

8. 더미용 텍스트 생성

P>lorem

lorem 옆에 숫자를 넣어서 단어갯수를 정할수 있다.