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

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

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

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

Инструкция

  • Сначала сделаем ссылку в виде картинки с помощью ручного HTML.
    Этот метод, например, используется при оформлении постов в livejournal.
  • Параметр href содержит ссылку, на которую пользователь перейдет после клика по картинке.

    Параметр target отражает поведение браузера при открытии ссылки. В данном случае стоит значение _blank, то есть браузер откроет ссылку в новом окне (или вкладке).

    img src — это путь к картинке, из которой мы делаем ссылку.

    alt — это текст, который появится вместо картинки, если она не загрузится, либо если будет загружаться дольше, чем основная часть страницы.

    Значение border="0" позволит убрать рамку вокруг картинки. Если она все-таки нужна, вместо нуля поставьте единицу.

  • С HTML разобрались. Теперь добьемся аналогичного результата с помощью bb-кода.
  • Здесь, как видите, все несколько проще.

    Нам надо указать параметр url, он содержит саму ссылку. После этого указываем параметр img, в нем путь до картинки, из которой мы хотим сделать ссылку.

    Оцените статью!