이번 강좌 에서는 HTML문서의 간단한 구성과 그에대한 간략한 설명을 하겠습니다. 내용은 짧으나 중요한 내용이니 꼭 기억해 주시기 바랍니다.

HTML문서의 기본구성

HTML문서는 간단히 말하면 이하와 같은 구성으로 되어 있습니다.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My test page</title>
  </head>
  <body>
   Hello World!
  </body>
</html>

<」나「>」가 잔뜩 있네요. 이번에는 안쪽의 내용은 나중에 설명하기로 하고 기본적인 구성요소에 대해서 설명하도록 하겠습니다.
일단、HTML은「<」와「>로 감싸여진 부분은「컨텐츠」、「<」와「>」를「태그」、그「태그」에 감싸여진 「요소」로 구성되어 있습니다.
그리고、앞에 놓여진「태그」를「개시태그」라 부르며、어디서부터 요소가 시작되는지를 나타냅니다.
마자먹으로 뒤에 놓여진「태그」를「종료태그」라 부르며、어디서 요소가 종료되는지를 나타내고 있습니다. 알기쉽게 다음의 예를 들어 설명하도록 하죠.

<p>My cat is very grumpy</p>

위에 써있는 코드의 경우

  • <p>는개시태그(opening tag)
  • </p>는종료태그(closing tag)
  • “My cat is very grumpy”라고 써있는 부분은컨텐츠(content)
  • <p>My cat is very grumpy</p>을 하나의 요소(element)

라 부릅니다. 일단 이것으로 기본적인HTML의 구성의 설명을 종료하겠습니다. 다음장부터는 본격적인 사용법을 설명하겠습니다.

Web개발-처음하는HTML

프로그래밍 강좌 메인