CSS властивості
ГлавнаяБлогЯк зробити посилання на зображення?

Як зробити посилання на зображення?

327

Посилання на зображення робиться за допомогою елемента <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. Посилання веде на зображення