< html > vs code에서 유용한 html 자동완성

< html로 작업할때 >

1. html 템플릿 자동 완성 : ! 누르고 엔터누르기 => 기본 템플릿 생성

 

 

2. 중첩 태그 생성 : 태그>태그>태그

ex)

div>li>ol

 

 

3. 인접 태그 생성 : 태그+태그+태그

<div>
<ol>
</ol>
</div>

 

 

4. 아이디설정

div.#name // 클래스 + 아이디 : name
#name // 아이디 : name

 

 

5. 클래스 설정

div.job // 클래스 : job
.job // 클래스 : job

 

 

6. p태그로 감싸기

p{텍스트 입력} // <p>텍스트 입력</p>

 

 

7.  태그*(숫자) = 태그 반복 가능

 

 

8. 줄바꿈

태그^^태그2  //태그
              태그

 

 

9. tab 키 이용 → 태그 끝으로 이동