Head와 Body - 바로 실행해보면서 배우는 HTML5/CSS3
바로 실행해보면서 배우는 HTML5/CSS3
  • Head와 Body
    03 HTML 기초
    Head와 Body

    생물을 생김새를 구분할 때 일반적으로 '머리'와 '몸통'으로 나눕니다. 비록 생물은 아니지만 HTML 또한 마찬가지입니다. <html> 태그 안에는 크게 <head>태그와 <body>태그가 존재하며, 각 태그 안에 여러 가지 태그를 배치하여 문서를 구성할 수 있습니다. 예시를 통해 <head><body>에 대해 자세히 알아보겠습니다.

    <head> 태그


    먼저 <head> 태그입니다. <head> 태그는 HTML 문서에 대한 정보를 담고 있는데, 일반 사용자는 웹 사이트에서 <head> 태그에 속한 정보를 볼 수 없습니다. <head> 태그는 HTML 문서 안에 단 하나 존재할 수 있으며, <html> 태그 바로 아래 위치합니다. <head> 태그 안에 담을 수 있는 대표적인 태그는 다음과 같습니다.

        • <meta> : 문서와 관련된 정보를 담는 태그입니다. 해당 태그에 담긴 다양한 정보는 브라우저만 읽을 수 있습니다. 위 예시에서는 <meta charset="utf-8">이라고 작성하여 해당 HTML 문서에서 한글을 사용할 수 있음을 브라우저에게 전달했습니다.
        • <title> : 웹 페이지의 제목을 담는 태그입니다. 브라우저에서 탭의 제목이나 즐겨찾기했을 때 이름으로 볼 수 있습니다.


        <body> 태그


        다음은 <body> 태그입니다. <body> 태그는 HTML 문서 중 사용자에게 실제로 보여지는 부분입니다. <head>와 마찬가지로 문서 내 단 하나 존재해야 합니다. <html> 안에서 <head> 바로 아래에 위치하며, 담을 수 있는 대표적인 태그는 다음과 같습니다.

              • <h1> : 제목을 표시하는 태그입니다. 중요도에 따라 1~6까지 있습니다. h1의 중요도가 가장 높으며, h1은 흔히 글을 작성할 때 대제목 또는 글 제목에 해당하는 부분을 표시합니다.
              • <p> : 단락을 표시하는 태그입니다. 컨텐츠 중 글, 본문에 해당하는 내용을 포함합니다.
              • 그 외에도 <body> 태그에는 매우 다양한 태그를 포함할 수 있습니다. 앞으로 HTML을 공부하는 동안 중요한 태그 혹은 자주 사용하는 태그를 중점적으로 배워나가고자 합니다.

              <head> 태그와 <body> 태그는 <html> 태그 내에서 단 한 번 사용되지만, <head> 태그와 <body> 태그 내부에 존재하는 태그는 종류에 상관 없이 여러 번 사용할 수 있으니 사용에 유의하시기 바랍니다.

              Q & A
              Q&A forum that anyone can ask and answer.
              Share your questions and answers with other students and grow together!
              Registered Questions(0)