03. DOIT - HTML 문서의 기본 구조 살펴보기

코골면서 딩가딩가 2024. 4. 1. 17:59

✅ 00. HTML 문서의 기본 구조

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>HTML 기본 문서</title>
</head>
<body>
  <h1>프런트엔드 웹 개발</h1>
  <hr>
  <p>HTML</p>
  <p>CSS</p>
  <p>자바스크립트</p>
</body>
</html>

✅ 01. HTML 문서의 기본 구조 (분석)

1. <!DOCTYPE html>

현재 문서가 html5 언어로 작성한 웹 문서라는 뜻입니다.

2. <html> ~ </html>

웹 문서의 시작과 끝을 나타내는 태그입니다. 웹 브라우저가 <html> 태그를 만나면 </html>까지 소스를 읽어 화면에 표시합니다.

3. <head> ~ </head>

웹 브라우저가 웹 문서를 해석하는 데 필요한 정보를 입력하는 부분입니다.

4. <body> ~ </body>

실제로 웹 브라우저 화면에 나타내는 내용입니다. 앞으로 우리가 공부할 HTML 태그는 대부분<body> 태그 안에 들어 있습니다.