1. HTML
- HT : Hyper Text, 문서와 문서가 링크로 연결되어 있다.
- M : Mark up,태크로 이루어져있다.
- L : Language
=> 웹사이트의 틀을 만들어 주는 마크업 단어!
JAVA 컴파일 : JVM
HTML 컴파일 : 브라우저
F12 관리자모드
HTML은 처음부터 만들어 가는 것이 아니라 만들어져있는 좋은 소스들이 많이 있으므로 참고해서 사용하면 됨!
2. HTML 사용 툴
-
확장프로그램
- open in browser
- Korean language Pack for Visual Studio Code
3. VS Code 단축키
-
alt + b or alt+shift+b : 브라우저 열기
-
ctrl + +, - : 화면 확대 or 축소
-
ctrl + b : 전체화면 , 다시 돌아가기
-
! + enter : 기본 html 문서타입 작성
-
alt + shift + ↓ : 한줄 복사
-
alt + ctrl + z : 여러줄 커서
-
f5 : 브라우저에서 보기
-
alt + b : 브라우저에서 보기 (저장 후)
-
alt + ↑↓ : 한줄 옮기기
-
alt + shift + a : 주석
4. HTML 기본구성
<!DOCTYPE html>
<html>
<head>
<title>HTML-수업소개</title>
<meta charset="utf-8">
</head>
<body>
<h1>HTML</h1>
<h2>기술소개</h2>
</body>
</html>
KIC캠퍼스 교육수료 (2023.01~2023.06) - JAVA, JSP, Springboot, DBeaver