Как сделать ссылку на изображение?

Ссылка на изображение делается с помощью элемента <a>, в атрибуте href которого пишется адрес изображения. Внутри <a> можно писать текст или вставить то же самое уменьшенное и кадрированное изображение (пример 1).

Пример 1. Ссылка на изображение

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ссылка</title> </head> <body> <figure> <a href="image/photo4.jpg"><img src="image/thumb4.jpg" alt=""></a> </figure> </body> </html>

Результат данного примера показан на рис. 1. Здесь добавлено изображение с адресом image/thumb4.jpg, которое ведёт на изображение с адресом image/photo4.jpg. Маленькая квадратная картинка получена в графическом редакторе из большой картинки за счёт её уменьшения и кадрирования.

Рис. 1. Ссылка ведёт на изображение

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 24.09.2018
Редакторы: Влад Мержевич
Как научиться разрабатывать сайты