Study/HTML

기본구조

HTML 문서를 작성할때, 아래 기본 구조를 준수해야만 합니다.

HTML 문서는 크게 <head>와 <body>로 나뉘어집니다.

 

예제 코드

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8">
    <title>HTML 구조</title>
  </head>
  <body>
    <h1>왕초보 웹개발 Study</h1>
    <p>HTML</p>
    <p>CSS</p>
    <p>자바스크립트</p>
  </body>
</html>

설명

<!DOCTYPE html>로 시작해서 <html>, <head>, <body>라는 3개의 영역으로 구성되어 있습니다.

  • <!DOCTYPE html>: HTML5 언어를 이용했다는 것을 명시적으로 표현
  •  <html> ~ </html>: 웹 문서의 시작과 끝을 의미 
  • <head> ~ </head>은 웹 브라우저가 웹 문서를 해석하는데 필요한 정보를 포함
  • <body> ~ </body>은 웹 브라우저에 나타나는 Content를 의미

'Study > HTML' 카테고리의 다른 글

<label> tag  (0) 2021.10.04
<input> tag  (0) 2021.10.04
<fieldset> tag  (0) 2021.10.04
<form> tag  (0) 2021.10.04