Чат PHP-разработчиков
Логические задачи
Как сделать картинку ссылкой в HTML

Делаем картинку ссылкой

Всем привет! В прошлых уроках мы с Вами изучили ссылки и изображения. И как Вы уже наверное догадались, эти вещи можно совместить и получить картинку, которая будет представлять собой ссылку.

Хороший пример - реклама в Интернете. Наилучшим образом воспринимается графика, и мы кликаем именно на красивые картинки, нежели скучный текст. Об этом и поговорим.

Чтобы сделать изображение ссылкой необходимо тег <img> написать внутри тега <a>. На примере это будет выглядеть вот так.

<a href="https://webshake.ru/html-training-course">
  <img src="promo.png">
</a>

А ещё зачастую изображения-ссылки применяют в фотоальбомах, где, при нажатии на маленькую копию картинки, можно открыть полноразмерное изображение.

Присоединяйтесь к нам в ВКонтакте и в Facebook, чтобы не пропустить новые уроки. А также вступайте в наш чат PHP-разработчиков в Telegram.
Читайте также
Комментарии (7)
Комментирование урока доступно только для патронов проекта. От 1$/месяц.