작성한 코드를 웹 브라우저로 실행하면 그림처럼 보입니다. HTML 코드에서 핵심 부분은 container 클래스가 있는 div 태그입니다. div 태그는 전체 프로젝트의 기준 너비(보통 1140px)를 유지하기 위한 래퍼(wrapper) 역할을 합니다.
그림 13-2 헤더 영역의 HTML 코드 작성 결과
수코딩의 조언
예제 파일을 보면 13 폴더 안에 end 폴더와 ing 폴더가 들어 있습니다. end 폴더에는 완성된 전체 코드 파일이 들어 있고 ing 폴더에는 따라 하면서 작성할 수 있는 작업용 파일이 들어 있습니다. 책에서는 완성된 파일의 경로를 표시합니다. 그러나 책에 나온 내용을 따라 할 때는 ing 폴더에서 HTML 코드는 index.html, CSS 코드는 style.css, 자바스크립트 코드는 script.js에 작성해야 합니다.