일반적으로 사용되는 웹사이트의 기본 레이아웃에 대해 알아보겠습니다. 아래 그림과 같은 형태입니다. 왼쪽 또는 오른쪽 content 부분은 생략할 수도 있지만,헤더, 메뉴바(내비게이션), 메인 콘텐츠, 푸터보통은 이러한 형태를 갖고 있죠.이때 주의할 점은, body는 모든 요소를 그룹화하고 있으나 body아래 전체 요소를 그룹짓는 요소를 생성하는 것이 좋습니다. HTML5의 시멘틱 태그를 사용해서같은 형태로도 사용할 수 있고, 아래처럼 div에 id나 class를 선언해서 사용할 수도 있습니다. 어떤 형태로 쓰셔도 상관없지만, 중요한 건!!각각 그룹을 지어 사용한다는 점만 주의하시면 될 것 같아요. ■ 예시1 123456789101112131415161718192021222324252627282930313..