2010-07-31

Как сделать кликабельные картинки 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 комментария :

Сергей комментирует...

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

Mycrib комментирует...

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

тамара лисица комментирует...

Спасибо, пригодилось.

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML