Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 32 из 70 · 13 мин
Галерея путешествия: адаптивные картинки с подписями, ленивая загрузка, видео с субтитрами и иконки SVG.
Сделай галерею моих фото из путешествий.
Всё, что знаешь про картинки, в одном месте. И проверь себя по списку.
alt, width и height, loading="lazy" для фото ниже первого экрана, подпись в figcaption.ul с li, в каждом figure.Сделай галерею: список ul, в каждом пункте figure с фото и осмысленным alt. Нужно три фото.
figure внутри списка — пока нетalt — пока нетПодпиши каждое фото figcaption и задай всем width и height, чтобы страница не прыгала при загрузке.
Включи ленивую загрузку loading="lazy" у второго и третьего фото. Первое фото видно сразу — его не трогай.
loading — пока нетВыберите все подходящие варианты.
Что правильно для галереи?
Соберите галерею из трёх картинок папки images: у каждой — подпись и альтернативный текст, размеры указаны заранее, чтобы страница не прыгала при загрузке.
Что проверим:
Проверяем состояние обучения…