HTML+CSS+JavaScript

13.2

헤더 영역 만들기

헤더 영역부터 코드를 작성하겠습니다. 함께 만들어 볼 최종 프로젝트의 헤더 영역은 다음과 같습니다. 최종 프로젝트에서 헤더 영역은 최상단에 위치하고 메뉴를 담은 내비게이션 영역이 포함되어 있습니다.

그림 13-1 최종 프로젝트의 헤더 영역

헤더 영역의 배경이 검은색으로 보이지만, 실제로는 검은색이 아닙니다. 메인 영역의 코드 때문에 검은색으로 보일 뿐입니다. 이 점을 미리 인지하고 코드를 작성하겠습니다.