Javascript-full-stack

vs code으로 html 기본구조 자동완성하기

내가갈게하와이 2022. 1. 10. 17:59

html 기본구조를 매번 프로그래밍 할 때 마다 코드를 작성하는 것은 비효율적이라는 생각이 많이 들었다. 

그래서 기본구조를 자동적으로 완성할 수 있는 방법이 없을까 찾아보았다. 방법은 생각이상으로 간단하다.

 

1. 빈 html 파일을 만든다. 

 

2. 화면과 같이 !를 입력하면 도움도구가 생성되는데 바로 Tab을 누른다. 

 

3. 그러면 다음과 같이 html기본구조가 자동적으로 생성된다.

lang="en" 부분을 lang="ko"로 변경해준다. (자주 쓰는 언어에 관련된거라 보통 한국어로 적을 것이기 때문에 언어를 바꿔주는 과정이다.)

'Javascript-full-stack' 카테고리의 다른 글

글자와 관련된 태그  (0) 2022.01.10
제목과 본문 태그  (0) 2022.01.10
시맨틱 태그(Semantic tag)  (0) 2022.01.09
Head 와 Body  (0) 2022.01.09
HTML의 기본 구성  (0) 2022.01.05