Задания: Изображения, видео и аудио

Кратко

Выполните задания по порядку и проверьте результат в браузере и DevTools.

Задание 1. Изображение с alt и размерами

Вставьте картинку с осмысленным alt и атрибутами width/height.

Ожидаемый результат: подменив src на несуществующий файл, вы должны увидеть на месте картинки текст из alt (а не имя файла или пустоту).

Задание 2. <figure> + <figcaption>

Оберните изображение в figure и добавьте видимую подпись.

<img> <figcaption> подпись
Должно получиться: картинка, а под ней — подпись одним блоком.

Задание 3. Видео или аудио с fallback

Добавьте <video> или <audio> с controls, двумя <source> и текстом-fallback.

Ожидаемый результат: в браузере появится плеер с кнопками play/пауза/громкость.

Задание 4 (со звёздочкой). Адаптивная картинка

Соберите <picture> с двумя <source> под разную ширину и обязательным <img>-fallback. Проверьте в DevTools, меняя ширину окна.