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

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

Источник

You might also like

Comments are closed.