Как сделать кликабельные картинки html

       Чтобы сделать картинку кликабельной, т.е. чтобы при нажатии на картинку открывалась та или иная ссылка воспользуемся следующей формулой:

<a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a>

       Чтобы ссылка открывалась в новом окне, добавим сочетание target="_blank":

<a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a>

       Чтобы сделать картинку интерактивной, т.е. чтобы она открывалась в новом окне, идем в поиск Яндекса или в любом другом месте ищем нужную картинку и копируем ее адрес. Это будет URL1. Берем адрес этой же картинки в меньшем размере (или другую, это зависит от задумки автора) - URL2.

       Подставляем значения в следующий код HTML: ..

<a href="URL1" target="_blank"><img src="URL2" ></a>

Вот что получится:

2 способ (самый простой)

1. Нужное нам изображение загружаем на Радикал.

2. копируем седьмую строчку и вставляем в свое сообщение в режиме HTML.

   Вот что получилось. (на этой скриншоте объяснения для наглядности):

3 способ

Уменьшаем размеры изображения при помощи тегов <width>(ширина) и <height>(высота), соблюдая пропорции картинки.

<a href="URL1" target="_blank"><img src="URL2" width="" height="" ></a>

3 ответа к «Как сделать кликабельные картинки html»

  1. NATALKA подскажите, пожалуйста, как сделать свою подпись на картинке (рамочке) кликабельной и ведущей на свою страничку в интернете? Буду признателен за помощь!

  2. Сергей, написать на картинке при помощи html вам поможет урок
    Чтобы сделать вашу надпись ссылкой воспользуйтесь соответствующим кодом ссылки:
    <a href="URL">подпись</a>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *