Кликните по картинке и предпраздничное настроение не покинет больше вас!
С наступающим всех вас, мои дорогие!

[700x500]

Урок - как сделать кликабельным любое изображение

Уроки Георгиевны: пишу подробно, как памятки для себя. Кликабельная картинка из любой открытки, изображения. 1.Выбираем открытку с интернета Вот, например эту - С новым годом! [700x500] Вот ее код без угловых скобок вначале и конце: img src="http://www.shtuka.biz/otkritka/files/sng2013/700047564.gif" width="700" height="500" border="0" В этой формуле img src=" " width="700" height="500" border="0" - атрибуты формулы изображения http://www.shtuka.biz/otkritka/files/sng2013/700047564.gif - адрес данного изображения из браузерной строки 2.Выбираем ссылку, на которую мы хотим попасть нажав на нашу кликабельную открытку, изображение - Наприме, вот это Новогоднее поздравление: http://www.shtuka.biz/s_novim_godom-2013.html - Эта ссылка взята мною с браузерной строки, открывшейся над данным файлом. 3.Чтобы сделать нашу открытку КЛИКАБЕЛЬНОЙ, причем с выходом именно на нашу ССЫЛКУ надо нашу открытку из пункта 1 заключить в следующие теги: ....................... зрительно это выглядит вот так: 4.Теперь давайте именно это и сделаем: вместо точек вставим нашу формулу из пункта 1 - и получим кликабельную картинку с нашей открытки! [300x277] зрительно это выглядит так: Наведите на картинку курсором и увидите, пальчик активен! 5.Еще раз давайте разберемся в этой формуле (представляю ее без угловых скобок, чтоб сразу читать в тексте саму формулу): a href="http://www.shtuka.biz/s_novim_godom-2013.html"- это наша ссылка, куда мы хотим выйти нажав на кликабельную картинку. img src="http://www.shtuka.biz/otkritka/files/sng2013/700047564.gif" width="300" height="277" border="0" - это сама наша открытка, которую мы делаем кликабельной. В конце ставим закрывающийся тег, ну и ставим где надо угловые скобки. Вот и все! Оказывается все так просто! Блог Георгиевны