4 HTML 태그의 구성 요소와 HTML 문서의 기본 구조

HTML 태그는 열린 태그와 닫힌 태그, 속성, 속성값으로 구성됩니다.

<열린태그 속성=속성값;> 콘텐츠 </닫힌태그>

여기서 태그는 입력된 정보의 성격을 뜻하고 속성은 그 태그가 가진 역할을 뜻합니다. 속성값은 태그가 어떤 역할을 수행할지 구체적인 명령을 내립니다. 콘텐츠는 열린 태그와 닫힌 태그 사이에 있는 내용물을 뜻합니다. 콘텐츠에는 웹 사이트의 텍스트 정보를 입력하거나 다른 HTML 태그를 삽입할 수 있습니다.

가령 ‘스마트폰’이라는 태그가 있다고 가정할 때, HTML 태그를 다음과 같이 입력하면 어떻게 될까요?

 전원버튼="ON" 볼륨="OFF"> 전원을 켜고 볼륨을 끕니다. </스마트폰>

‘스마트폰’이라는 태그가 실제로 동작한다면 스마트폰을 켜고 볼륨을 끄면서 “전원을 켜고 볼륨을 끕니다”라는 문구를 출력할 것입니다.

HTML 태그를 작성할 때 초보자가 가장 많이 하는 실수는 닫힌 태그를 생략하는 것입니다. 닫힌 태그를 생략하면 오류가 발생하므로 결과가 제대로 반영되지 않습니다. 따라서 항상 태그를 제대로 닫았는지 확인하는 습관을 들여야 합니다(물론 닫힌 태그가 없는 태그도 있습니다. 이러한 태그는 2.6절에서 배웁니다).