Блок header html css
Надень на страницу шапку, а то она голову простудит.
Время чтения: меньше 5 мин
Обновлено 8 сентября 2022
Кратко
Скопировать ссылку «Кратко» Скопировано
предназначен для создания «шапок» — всего сайта или какой-то части контента, например, статьи.
Пример
Скопировать ссылку «Пример» Скопировано
Вот как будет выглядеть на странице портфолио:
Мои работы Мои навыки КонтактыПортфолио Ольги Сасквоч
Добро пожаловать!
Рада приветствовать вас на своём сайте.
Ольга Сасквоч
2021
header> img src="logo.svg" width="200" height="120" alt="Лого"> nav> a href="#">Мои работыa> a href="#">Мои навыкиa> a href="#">Контактыa> nav> header> main> h1>Портфолио Ольги Сасквочh1> p>Добро пожаловать!p> p>Рада приветствовать вас на своём сайте. p> main> footer> p>Ольга Сасквочp> p>2021p> footer>
Как понять
Скопировать ссылку «Как понять» Скопировано
Контейнер чаще всего используется для создания шапки сайта. Шапка сайта — это блок с вводной информацией, там обычно находятся логотип, строка поиска, меню, кнопки соцсетей или другие ключевые элементы.
Как правило, шапка находится сверху и выглядит одинаково на всех страницах сайта. Она помогает вернуться на главную страницу или попасть в нужный раздел, если в ней есть кнопки меню.
можно закрепить в окне браузера, чтобы он всегда был доступен пользователю во время прокрутки страницы. Это делается при помощи CSS.
Как пишется
Скопировать ссылку «Как пишется» Скопировано
Тег . . . < / header>— парный, он всегда закрывается.
На странице может быть несколько тегов . Но их нельзя помещать в контейнеры , или другой .
Атрибуты
Скопировать ссылку «Атрибуты» Скопировано
Подсказки
Скопировать ссылку «Подсказки» Скопировано
💡 У блочные стили по умолчанию 🤓
На практике
Скопировать ссылку «На практике» Скопировано
Алёна Батицкая советует
Скопировать ссылку «Алёна Батицкая советует» Скопировано
🛠 Если придерживаться принципа, при котором в проекте каждый блок находится в отдельном файле, шапку можно реализовать один раз и вставлять уже готовый элемент на все страницы.