헤더와 드롭다운 메뉴 — 로고

이번에는 이 스타벅스 예제의 헤더 부분을 만들어 볼 것이다

header라는 태그를 사용해볼 것이다

지금까지 한 번도 사용해본 적이 없었을 텐데

의미가 있는 태그는 아니고 div태그와 동일하지만

정확하게 이 부분이 어떤 역할을 수행하는지 알기 위해서 사용하는 것이다

즉 header는 사이트의 헤더 부분을 만들때 사용한다

이 부분이 헤더이다! (헤더에는 로고 + 서브메뉴 + 메인메뉴가 존재한다)

좌측의 로고 만들기

<header>
      <div class="inner">
        <a href="/" class="logo">
            <img src="./images/starbucks_logo.png" alt="STARBUCKS">
        </a>
      </div>  
    </header>