본문 바로가기
프로그래밍/HTML

[HTML 핵심강좌] 1. HTML 기본 구조

by 꾸션 2023. 3. 3.

HTML은 Hyper Text Markup Language의 약어로 웹 페이지를 작성하기 위한 마크업 언어입니다. HTML은 웹 페이지의 내용, 구조 및 레이아웃을 정의하는 데 사용됩니다. 이 강의에서는 HTML의 기본 구조에 대해 배우고, 실제 HTML 코드를 사용하여 웹 페이지를 만드는 방법을 배우게 될 것입니다.

 

HTML 문서는 일반적으로 다음과 같은 기본 구조를 갖습니다.

<!DOCTYPE html>
  <html>
      <head>
          <title>문서 제목</title>
      </head>
      <body>
          문서 본문
      </body>
  </html>
  • <!DOCTYPE html> : 이것은 문서의 DTD(Document Type Definition)를 정의합니다. 이것은 HTML5를 사용하는 경우 항상 사용됩니다.
  • <html> : 이것은 HTML 문서의 루트 요소입니다. 모든 다른 요소는 이 요소 내부에 포함됩니다.
  • <head> : 이것은 문서의 메타데이터를 정의합니다. 예를 들어, 문서 제목, 스타일 시트 및 스크립트를 정의할 수 있습니다.
  • <title> : 이것은 문서의 제목을 정의합니다. 웹 브라우저의 탭에 표시됩니다.
  • <body> : 이것은 문서의 본문을 정의합니다. 실제 콘텐츠가 여기에 포함됩니다.

 

예를 들어, "Hello, World!"를 출력하는 기본 HTML 문서는 다음과 같습니다.

<!DOCTYPE html>
  <html>
      <head>
          <title>Hello, World!</title>
      </head>
      <body>
          <h1>Hello, World!</h1>
      </body>
  </html>

위 코드는 웹 브라우저에서 다음과 같이 표시됩니다.

 

Hello, World!

반응형

댓글