/
webtheory
/
student
Обзор
Документация
Войти
/
webtheory
/
student
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
HTML/Images/figure.html
58 строк
2 KB
Jenya
Добавлен раздел CSS
10 июн 2026, 15:06
10 июн 2026, 15:06
1c049a6
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Figure</title> </head> <body> <figure> <img src="elephant-sunset.jpg" alt="Взрослый африканский слон стоит на фоне заката и задумчиво смотрит в камеру."> <figcaption>Слон на фоне заката</figcaption> </figure> <!-- Только изображение:--> <figure> <img src="/favicon144.png" alt="Красивое лого"> </figure> <!--Изображение с подписью:--> <figure> <img src="/favicon144.png" alt="Красивое лого"> <figcaption>Супер-логотип</figcaption> </figure> <!--Подпись может быть с уточнением:--> <figure> <img src="/favicon144.png" alt="Красивое лого"> <figcaption> <p>Новый красивый логотип</p> <p>Автор: Дока Дог</p> </figcaption> </figure> <!--Несколько изображений с общей подписью:--> <figure> <img src="/favicon144.png" alt="Лого в 1819"> <img src="/favicon145.png" alt="Лого в 1919"> <img src="/favicon146.png" alt="Лого в 2019"> <figcaption>Как изменялся логотип компании.</figcaption> </figure> <!--Фрагменты кода:--> <figure> <figcaption> Получаем данные о текущем URL из свойства <code>location</code>. </figcaption> <pre> function LocationExample() { console.log(`Protocol: ${location.protocol}`); console.log(`Host: ${location.host}`); console.log(`Path: ${location.pathname}`); console.log(`Hash: ${location.hash}`); } </pre> </figure> </body> </html>