<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
DOCTYPE
<!DOCTYPE html>
- HTML 문서 맨 처음에 명시해서 문서의 버전을 나타냄
HTML
<html>
..............
</html>
- 이 문서가 html로 작성됐음을 브라우저에 알림
- 문서의 시작과 끝을 알리는 태그
- lang 속성으로 문서의 언어를 설정할 수 있음
Head
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
- 메타 데이터와 타이틀을 넣어주는 곳
- 메타 데이터 웹 페이지에서 직접적으로 보이지 않지만 페이지 인코딩 방식이나 검색엔진에 관한 정보등 많은 설정들을 할 수 있음
- title은 브라우저 창 제목
Body
<body>
..............
</body>
- 브라우저 화면에 보이는 것이 들어감
- Html 문서에 단 하나읜 만이 존재