Бесплатный курс по html. Зарегистрируйтесь для отслеживания прогресса →

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> и не содержит отличных стандартных стилей, поэтому его можно использовать на любом сайте, не боясь нарушить внешний вид сайта

Задание

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


Нашли ошибку? Есть что добавить? Пулреквесты приветствуются https://github.com/hexlet-basics
Если вы столкнулись с трудностями и не знаете, что делать, задайте вопрос в нашем большом и дружном сообществе