HTML: Шапка

Шапкой на сайте традиционно принято называть верхнюю область, в которой чаще всего находятся контактные данные, меню, логотип. До появления стандарта HTML5 данную область просто размечали, используя обычный блок div, что не вносило «смысла».

Сейчас для того, чтобы разметить шапку страницы, используется парный тег header, внутри которого располагаются нужные нам элементы.

<header>
    <img src="/logo.png" alt="Логотип"> <!-- Логотип сайта -->
    <div id="menu"> <!-- Меню -->
        <ul>
            <li><a href="/">Главная</a></li>
            <li><a href="/about">О нас</a></li>
            <li><a href="/contacts">Контакты</a></li>
        </ul>
    </div>
</header>

Тег header по своему поведению не отличается от тега div и не содержит отличных стандартных стилей, поэтому его можно использовать на любом сайте, не боясь нарушить внешний вид сайта

Задание

Создайте разметку «шапки» сайта. Расположите внутри картинку и маркированный список из двух ссылок