Щоб малюнок був посиланням на сайт або веб-сторінку, елемент <img> достатньо вставити всередину посилання <a> наступним чином.
<a href="https://webref.ru"><img src="image/shark.jpg" ; alt=""></a>
Тут атрибут src визначає адресу зображення, а href — адреса сайту або веб-сторінки, куди вестиметься посилання.
У прикладі 1 показано додавання декількох зображень, кожне з них є посиланням.
Приклад 1. Зображення як посилання
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Зображення-посилання</title> </head> <body> <p> <a href="page/help.html"><img src="image/panda.png" alt="Панда"></a> <a href="page/help.html"><img src="image/fox.png" alt="Лиса"></a> </p> </body> </html>
Результат цього прикладу показаний на рис. 1. Зверніть увагу, що зображення-посилання нічим не відрізняються від звичайних картинок і щоб зрозуміти, що перед нами посилання слід навести на картинку вказівник або клацнути по ньому.
Мал. 1. Зображення як посилання