코드 6-1 그림 6-1의 문서를 생성하는 데 사용한 HTML 코드의 예
<html> <body bgcolor=white lang=KO-KR style=‘tab-interval:.5in’> <div class=Section1> <div style=‘mso-element:para-border-div;border:none; border-bottom:solid #4F81BD; mso-border-bottom-themecolor:accent1;border-bottom:1.0pt; padding:0in 0in 4.0pt 0in’> <p class=MsoTitle>HTML 문서의 구조</p> </div> <p class=MsoNormal><o:p> </o:p></p> <p class=MsoNormal>HTML은 텍스트와 이미지 같은 콘텐츠를 제목과 테이블 형식 명령어 같은 레이아웃 규칙과 결합한다.</p> <p class=MsoNormal><o:p> </o:p></p> <h1>주 제목은 이렇게 표시된다</h1> <p class=MsoNormal>주 제목은 HTML 문서상에서 상위 구간의 시작점으로 다시 하위구간으로 분할할 수 있다.</p> <p class=MsoNormal><o:p> </o:p></p> <h2>소 제목은 하위구간을 나타낸다</h2> <p class=MsoNormal style=‘tab-stops:132.0pt’>주요 구간이 길어지거나 독자를 위해 시각적으로 좀 더 의미있는 구간을 분리하는 것이 좋을 때 소제목을 사용하면 유용하다.</p> <p class=MsoNormal style=‘tab-stops:132.0pt’><o:p> </o:p></p> <h1>요약</h1> <p class=MsoNormal style=‘tab-stops:132.0pt’>HTML은 구조와 콘텐츠를 결합한다. 구조와 콘텐츠를 결합해 구성하는 다른 표준으로는 XML과 JSON이 있다.</p> </div> </body> </html>