코딩 자율학습 HTML + CSS + 자바스크립트: 2.2 HTML의 기본 구조

slide 1 of 23, currently active
slide 2 of 23
slide 3 of 23
slide 4 of 23
slide 5 of 23
slide 6 of 23
slide 7 of 23
slide 8 of 23
slide 9 of 23
slide 10 of 23
slide 11 of 23
slide 12 of 23
slide 13 of 23
slide 14 of 23
slide 15 of 23
slide 16 of 23
slide 17 of 23
slide 18 of 23
slide 19 of 23
slide 20 of 23
slide 21 of 23
slide 22 of 23
slide 23 of 23

HTML

2.2

HTML의 기본 구조

HTML 문서는 일정한 구조 안에서 작성됩니다. 이를 기본 구조라고 하는데, 1.2 첫 번째 HTML 만들기에서 작성한 예제 코드도 이런 기본 구조를 따릅니다. 예제 코드를 보면서 HTML의 기본 구조를 배워 보겠습니다.

<!DOCTYPE html>  ①

② 
<html lang="ko">

③ 
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>My First Web Page!</title>
  </head>

④ 
  <body>
 <!-- 웹 페이지에 표시할 내용을 적습니다. -->
    <p>나의 첫 번째 웹 페이지</p>
  </body>

</html>

① DTD: 문서형 정의

② html: HTML 문서의 시작과 끝

③ head: 문서 정보 정의

④ body: 웹 브라우저에 표시할 내용

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.