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

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

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

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

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

Код доступен только после покупки курса HTML для начинающих.

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

Читайте также
Комментарии


ansherytodd
ansherytodd

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

ivashkevich
ivashkevich

Не за что. HTML - это очень просто)

imurazovich@mail.ru
imurazovich@mail.ru

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

Vlad
Vlad

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

Vlad
Vlad

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

Dilik
Dilik

мы говорим про тег img и a а в примере применяем alt - это сильно сбивает с толку)

ivashkevich
ivashkevich

Ок, убрал из этого урока =)