📝 Практические задания

⚡ Задания в двух словах

  • Выделить семантические части макета.
  • Собрать страницу с `header`, `nav`, `main`, `aside` и `footer`.
  • Добавить `figure` и `figcaption` там, где есть иллюстрация.

🏋️ Раздел тренировки

Эти задания помогают научиться собирать страницу как набор смысловых блоков, а не как набор случайных контейнеров.

Цель тренировки: уверенно выбирать семантический элемент по роли блока.

Задание 1. Разметьте макет

Условие: возьмите обычный макет страницы и определите, какие его части станут `header`, `nav`, `main`, `aside` и `footer`.

Что должно получиться: краткий план семантической структуры.

Задание 2. Соберите страницу

Условие: сверстайте страницу с одной статьёй, боковой заметкой и меню навигации.

Что должно получиться (целевой макет):

header nav article aside footer
Ориентир: article и aside стоят рядом внутри main.

Задание 3. Добавьте иллюстрацию

Условие: вставьте `figure` с картинкой и подписью `figcaption`.

Что должно получиться: иллюстрация с правильным семантическим описанием.