들어가기 전에

HTML을 사용하려면 HTML 문법을 먼저 숙지해야 합니다. 

HTML 문법은 처음 접하는 사람들도 금방 따라 할 수 있을 만큼 간단합니다.

여기서는 문법을 크게 6가지로 태그, 속성, 중첩, 빈 태그, 공백, 주석 순으로 나누어서 설명하겠습니다. 

그럼 먼저 태그부터 살펴볼까요? 

한글은 '자음'과 '모음' 이 모여서 하나의 단어를 만들고 문장을 만들어 냅니다.

태그도 각각의 태그들이 모여, 하나의 요소를 만들고, HTML 문서를 만들어 낸다고 생각하면 됩니다.

HTML을 구성하는 태그에 대해서 자세히 알아보도록 하겠습니다.

핵심 키워드

• 태그  ( TAG )
• 시작 태그 ( 여는 태그 )
• 종료 태그 ( 닫는 태그 ) 
• 내용 ( Content )
• 요소 ( Element )
  

학습하기

태그란?

HTML은 태그들의 집합이며, 태그는 HTML에서 가장 중요하고 기본이 되는 규칙입니다.

태그는 '무언가를 표시하기 위한 꼬리표, 이름표'라는 의미가 있으며, HTML에서도 이와 비슷한 의미로 해석됩니다.

우리가 다양한 태그들을 이용해 코드를 작성하면, 브라우저가 이를 인식해 내용을 표현하게 됩니다.

태그를 사용하는 방법

태그는 <, > 기호로 표현하며 <, > 기호 사이에 태그 이름이 들어갑니다.

대부분 태그는 시작 태그와 종료 태그로 이루어지며 종료 태그는 태그 이름 앞에 '/' 기호가 붙습니다.

시작 태그와 종료 태그 사이에 실제 화면에 나타나는 내용이 위치하게 됩니다. 

<h1>Hello, HTML</h1>

 위는 태그의 가장 기본적인 예로, <h1>을 사용해 'Hello, HTML'을 출력하는 코드입니다.

요소란? 

내용을 포함한 태그 전체를 요소(Element)라고 합니다.

태그와 요소는 의미가 다르지만 많은 사람이 태그와 요소를 같은 의미로 사용하니 혼동하지 않도록 주의해야 합니다.

정리 

HTML에는 많은 종류의 태그들이 있습니다.

태그는 각각의 의미가 있으며 이 의미에 맞게 태그를 사용해야 합니다.

또한, 태그는 HTML뿐만 아니라 XML, SGML, XHTML 등 다양한 마크업 언어에서 모두 사용됩니다.

참고 자료