HTML 문서의 구조
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>문서 제목</title>
<link rel="stylesheet" href="css 파일 이름">
</head>
<body>
문서내용
</body>
</html>태그는 <열린태그></닫힌태그>로 구성 되어있다. <meta>,<img>는 열린 태그로만 되어 있다.
<!DOCTYPE html> : 문서의 형식을 HTML5로 지정합니다.
<html>: HTML 문서의 최상위 요소입니다.
<head>: 문서의 메타 데이터를 포함합니다.
<title>: 문서의 제목을 지정합니다.
<body>: 문서의 본문을 포함합니다.
body의 구조
body의 구조는 목차(상단), 본문, 부록(하단)으로 나눌 수 있다.
<body>
<header> <!--상단 영역-->
<nav> <!--목차-->
<ul>
<li></li>
</ul>
<ol>
<li></li>
</ol>
</nav>
</header>
<main role="main"> <!--본문 영역-->
<article>
<h#></h#>
</article>
</main>
<footer> <!--하단 영역-->
<div>
<p></p>
</div>
</footer>
</body>
<main>: role="main"은 속성값은 필수로 있어야 한다.
