HTML : html 기본 틀 쉽게 만들기
html을 작성하려고 하면 일일이 수기로 head, title, body 등 태그를 입력해야 하지만, VScode 같은 웹에디터를 사용하면 직접 입력하지 않아도 단축키를 통해 손쉽게 작성할 수 있다.
작성하실 html에서 !를 입력 후 Tap혹은 Enter를 누르면 VScode에 등록되어있던 기본 html틀이 자동으로 입력된다.
html lang이 en으로 되어있으니 한글이 들어가는 콘텐츠를 만들 경우 lang을 ko로 바꿔주면 된다.
!
<!-- !를 누른후 엔터를 누르면 된다 -->
쉬운 방법이지만 해당 검색어로 많이들 찾으셔서 올려봅니다.
2022.04.12 - [TIL/HTML] - HTML : HTML문서의 구조
HTML : HTML문서의 구조
HTML : HTML 문서의 구조 <!DOCTYPE html> Document <!DOCTYPE html> : 웹 브라우저에게 HTML 버전을 알려주는 역할 <!DOCTYPE html> <!DOCTYPE html> 웹브라우저에게 HTML버전을 알려주는 역할이며, 버..
sol-reshur.tistory.com
2022.04.08 - [TIL/tip] - IDE : 웹 에디터와 통합개발환경(IDE)
IDE : 웹 에디터와 통합개발환경(IDE)
IDE : 웹 에디터와 통합개발환경(IDE) 웹 에디터 (편집기) HTML 문법에 맞추어 편리하게 작성할 수 있도록 도와주는 편집기 온라인 웹 에디터 : https://jsbin.com , https://replit.com , https://code..
sol-reshur.tistory.com
2022.05.03 - [TIL/tip] - VScode : VSCODE Extension 추천 (22.05기준)
VScode : VSCODE Extension 추천 (22.05기준)
VScode : VSCODE Extension 추천 (22.05기준) Live Server html 혹은 CSS를 작성했을때 별도의 새로고침없이 바로 확인할수 있게 도와주는 라이브서버 (liveserver) 확장자 VS Marketplace 링크: https://..
sol-reshur.tistory.com
'STUDY > tip' 카테고리의 다른 글
| TIP : CSS rgba() 코드 알려주는 사이트 (0) | 2022.08.08 |
|---|---|
| HTML : 모든 Entity(엔티티)가 적혀있는 웹 사이트 (0) | 2022.07.07 |
| CSS : 100 DAYS CSS CHALLENGE (100일 CSS 챌린지) (0) | 2022.05.10 |
| VScode : Visual Studio Code - 자주 사용하는 단축키(Mac기준) (0) | 2022.04.14 |
| IDE : 웹 에디터와 통합개발환경(IDE) (0) | 2022.04.08 |