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

Ссылка на изображение делается с помощью элемента <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
Редакторы: Влад Мержевич