Чат Telegram
Группа ВКонтакте
Как сделать картинку ссылкой в HTML

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

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

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

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

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

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

Присоединяйтесь к нам в ВКонтакте и в Facebook, чтобы не пропустить новые уроки. А также вступайте в наш чат PHP-разработчиков в Telegram.
Самый понятный курс PHP
Онлайн-уроки в удобное время!
Начать бесплатно
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
Комментарии (14)
Онлайн-курсы PHP и MySQL
Обучение с полного нуля до уровня джуниора!
Начать бесплатно
loader
Есть вопрос по программированию?
Здесь быстро ответят!
Задать вопрос
Курс программирования на PHP
Подготовка до уровня устройства на работу!
Начать бесплатно
loader
Форум веб-разработчиков
Здесь все!
Перейти
loader
Логические задачи с собеседований