• Теория
  • Теория

Навигационное меню в шапке

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

<ul>
  <li><a href="…">Пункт 1</a></li>
  <li><a href="…">Пункт 2</a></li>
  <li><a href="…">Пункт 3</a></li>
</ul>

В примере тег ul — это список, каждый его элемент — тег li содержит ссылку — тег a.

The Great Keksby
Блоки шапки

Давайте разметим меню с помощью неупорядоченного списка с классом main-nav и добавим в него три пункта. Ссылки внутрь пунктов добавим в третьей части Кексби-тренажёра, когда пройдём часть про ссылки.

Списки подробно рассмотрены в отдельном задании.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. Цена 22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Кексби. Разметка, оформление текста» тренажёра «Великий Кексби, этап 1» можно после регистрации и оформления подписки.