07.03.2017   2270
Как сделать картинку ссылкой в HTML

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

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

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

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

<a href="https://webshake.ru/html-training-course">
  <img src="promo.png" alt="Бесплатный курс по HTML5">
</a>

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

Комментарии

 ansherytodd 2017-05-26 19:20:13
0

Большое спасибо за статью. Всегда хотел попробовать себя в HTML-программировании, но думал, что это жутко сложно.

Ответить
 imurazovich@mail.ru 2017-05-27 12:32:02
0

Огромное спасибо за данную статью,долго мучился,просматривая видео длительностью по несколько часов,а здесь всё кратко и очень понятно!

Ответить
 Vlad 2017-08-24 19:47:09
0

Хотелось бы подробней узнать, что означает атрибут alt

Ответить
 Vlad 2017-08-24 19:58:10
0

в следующему уроке прочитал про alt :)

Ответить
Чтобы написать комментарий нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности