Створіть галерею зображень
Умова
Створіть просту галерею з трьох зображень, кожне з описовим атрибутом alt і підписом через <figure>/<figcaption>.
Вимоги
- Кожне зображення обгорнуте в <figure>
- Кожне <figure> містить <figcaption> з підписом
- У кожного <img> заповнений змістовний атрибут alt (не порожній і не "image")
- Використано щонайменше 3 зображення
Початковий код
<div class="gallery">
</div>
Підказки
- alt повинен описувати зміст зображення, а не просто повторювати назву файлу.
- figcaption пишеться всередині figure, після або перед img.
Показати рішення
<div class="gallery">
<figure>
<img src="cat.jpg" alt="Рудий кіт спить на підвіконні">
<figcaption>Домашній кіт</figcaption>
</figure>
<figure>
<img src="mountains.jpg" alt="Гірський хребет на заході сонця">
<figcaption>Захід сонця в горах</figcaption>
</figure>
<figure>
<img src="city.jpg" alt="Нічне місто з підсвіченими будівлями">
<figcaption>Вечірнє місто</figcaption>
</figure>
</div>