HTML 문서는 웹 페이지의 구조를 정의하는 핵심 요소입니다. 하나의 HTML 문서는 크게 두 부분으로 나뉘는데, 바로 head(헤드)와 body(바디)입니다.
head 부분에는 문서 자체에 대한 정보가 담기고, body 부분에는 실제로 화면에 표시되는 콘텐츠가 들어갑니다.
HTML 문서의 기본 구조
HTML 문서를 작성할 때 다음 사항을 기억해야 합니다.
- head 부분은 반드시 <head>...</head> 태그 안에 작성합니다.
- body 부분은 <body>...</body> 태그 안에 작성합니다.
- 모든 HTML 문서는 <!DOCTYPE html> 선언으로 시작합니다.
<!DOCTYPE html> 선언은 DTD(Document Type Definition, 문서 타입 정의)라고도 불리며, 웹 브라우저에게 해당 문서의 HTML 유형과 버전이 무엇인지 알려주는 역할을 합니다. 이 선언이 있어야 브라우저가 문서를 올바르게 해석하고 렌더링할 수 있습니다.
예제
다음 코드를 실행하면 간단한 HTML 문서를 만들어 볼 수 있습니다. 이때 <p> 태그는 단락(paragraph)을 정의하는 데 사용됩니다.
<!DOCTYPE html> <html> <head> <title>HTML Document</title> </head> <body> <p>여기에 콘텐츠가 추가됩니다.</p> </body> </html>
실행 결과
여기에 콘텐츠가 추가됩니다.