<img src="그림 주소" width="가로 길이" height="세로 길이" alt="그림 설명" />
레이아웃은 일반적으로는 header, main, footer의 세가지 영역으로 나뉘어집니다. HTML5 요소로는 각각 <header>, <main>, <footer>에 해당됩니다.
<header> - 웹페이지의 최상단부분. 주로 사이트의 이름, 검색창, 네비게이션 등의 내용이 포함됩니다.
<main> - 본문 영역으로 최상위 레벨(<body>)에서 1개만 존재합니다. <header>와 <footer>를 제외한 모든 내용의 부모요소입니다.
<footer> - 웹페이지의 최하단부분. 주로 상호명, 연락처, 개인정보처리방침 등의 내용이 포함됩니다.
<참고>