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

Если вы активный пользователь сети интернет, вы наверняка время от времени пользуетесь форумами, блогами и социальными сетями. В этой среде часто приходится использовать язык разметки и форматирования HTML (чаще в блогах), либо BB-Code (обычно на форумах и в соц.сетях) для текстов, картинок и ссылок. Рассмотрим, как правильно и быстро сделать ссылку картинкой ручным способом.

Вам понадобится

• — компьютер
• — доступ в интернет
• — поле ввода для html или bb-code

Инструкция

1. Сначала сделаем ссылку в виде картинки с помощью ручного HTML. Этот метод, например, используется при оформлении постов в livejournal.
   
   <a href="http://server.ru/" target="_blank"><img src="http://server.ru/picture.jpg" alt="Ссылка на server.ru" border="0"></a>
   Параметр href содержит ссылку, на которую пользователь перейдет после клика по картинке.
   
   Параметр target отражает поведение браузера при открытии ссылки. В данном случае стоит значение _blank, то есть браузер откроет ссылку в новом окне (или вкладке).
   
   img src — это путь к картинке, из которой мы делаем ссылку.
   
   alt — это текст, который появится вместо картинки, если она не загрузится, либо если будет загружаться дольше, чем основная часть страницы.
   
   Значение border="0" позволит убрать рамку вокруг картинки. Если она все-таки нужна, вместо нуля поставьте единицу.
2. С HTML разобрались. Теперь добьемся аналогичного результата с помощью bb-кода.
   
   [url=http://server.ru][img]http://server.ru/picture.jpg[/img][/url]
   Здесь, как видите, все несколько проще.
   
   Нам надо указать параметр url, он содержит саму ссылку. После этого указываем параметр img, в нем путь до картинки, из которой мы хотим сделать ссылку.