VSCode 단축키
Ctrl + N : 파일 새로 만들기
Ctrl + B : left bar 숨기기
Shift + alt(option) + f : beatufiy
Ctrl + / : 주석처리
Ctrl + i : emmit 단축키
'html : 5'를 선택하거나 '!' 입력후 선택
Do it
Shift + alt + f 사용해보기.
beautify 사용하는데 prettier 설정 이용.
<!DOCTYPE html> : document 타입이 html 문서
<html> ~ </html> : 웹문서의 시작과 끝을 나타내는 태그
<head> ~ </head> : 웹문서의 정보에 대한 코드 작성
<body> ~ <body> : 웹문서에서 화면에 출력되는 코드 작성
개발자 도구 이용해서 favicon 찾기. website title 옆 아이콘 설정 할 수 있다.
favicon이 설정된 것을 확인할 수 있다.
Emmet 사용해보기. 매우 편리하다. Ctrl + i로 실행가능.
Emmet 에서 '^' 기호는 상위 단계에 추가한다는 뜻이다.
+를 넣었다면 label,br,input과 같은 레벨에 추가 되었을 것이다.
placeholder : like 입력창 hint
'Web' 카테고리의 다른 글
| [HTML] div, span, p 태그 (0) | 2024.01.08 |
|---|---|
| ngrok를 사용해서 웹페이지 공유해보기 (0) | 2023.11.08 |
| BItly (0) | 2023.11.08 |
댓글