Совет 1: Как сделать ссылку для рисунка

Оформление ссылок на картинки делается практически таким же образом, как оформление гиперссылок на обычные страницы сайта. При создании сообщения на сайте или в блоге вы можете вставить такую ссылку в режиме редактирования HTML.
Инструкция
1
Вставка ссылки, зашифрованной под текст, может быть оформлена следующим тегом: <a href="Адрес картинки"> Ваш текст </a>. Пример: <a href="http://www.revision.ru/images/authors/1359/orange.jpg">Мы делили апельсин…</a>. А так эта ссылка будет выглядеть после сохранения сообщения:Мы делили апельсин…
2
.   Щелчок по ссылке может открывать новое окно, в котором будет отображаться картинка. Тег такой ссылки: <a href=" Адрес картинки " target="_blank">Текст ссылки</a>.  
3
Чтобы при наведении курсора рядом с текстом ссылки появлялся комментарий, используйте такой тег: <a href=" Адрес картинки " target="_blank" title="Комментарий к ссылке">Текст ссылки</a>.  
4
Ссылкой на картинку может служить другая картинка. В таком случае тег выглядит таким образом: <a href="Адрес картинки" target=_blank title="Комментарий"><img src="URL картинки, отображаемой в блоге"></a>. Картинка будет открыта в новом окне, при наведении курсора на ссылку появляется комментарий.

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

Если вы активный пользователь сети интернет, вы наверняка время от времени пользуетесь форумами, блогами и социальными сетями. В этой среде часто приходится использовать язык разметки и форматирования 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, в нем путь до картинки, из которой мы хотим сделать ссылку.
Видео по теме
Обратите внимание
В html и bb-code самое главное — четкое соблюдение синтаксиса. Если забыть поставить кавычку, либо открыть или закрыть скобку, то это неминуемо приведет к ошибке на странице и, соответственно, неработоспособности ссылки. Внимательно проверяйте оформленные вами ссылки перед тем, как отправить пост.
Совет полезен?
В большинстве форумов, в социальных сетях и блогах есть специальный редактор, сходный по функциям с любым текстовым редактором на вашем компьютере. Он позволяет обходиться без ручного «кодирования», однако с некоторыми задачами может и не справиться. На этот случай мы и рассмотрели метод ручного редактирования кода.
Источники:
  • как сделать картинку ссылкой
Видео по теме
Обратите внимание
Сообщение с тегами нужно создавать в режиме HTML, иначе кодировка не будет прочитана нормально.
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500