HTML 문서의 기본적인 구조를 시각적으로 보기 쉽게 정리하면 다음과 같습니다:

HTML 기본 구조

<!DOCTYPE html><html><head><!-- 메타데이터와 설정 --><metacharset="UTF-8"><!-- 문서의 문자 인코딩 설정 --><metaname="viewport"content="width=device-width, initial-scale=1.0"><!-- 반응형 웹 설정 --><title>문서 제목</title><!-- 브라우저 탭에 표시될 제목 --><linkrel="stylesheet"href="styles.css"><!-- 외부 스타일시트 연결 --></head><body><!-- 문서의 본문 --><header><!-- 페이지 상단 헤더 --><h1>