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

При размещении картинок в социальных сетях, на форумах, собственных сайтах многие пользователи хотят сделать изображение ссылкой. Сделать это совсем не сложно, достаточно вставить специальный код при добавлении картинки и она будет отображаться подобно кнопке, при нажатии на которую откроется сайт.


Как сделать картинку ссылкой? Сделать это совсем не сложно, а в этой статье мы рассмотрим несколько важных тегов, которые помогут вам не только вмонтировать ссылку в картинку, но и настроить несколько дополнительных параметров.

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

Установка ссылки на картинку

На CMS устанавливать ссылки в картинки намного проще, поэтому для представления примера мы воспользуемся Joomla и покажем, какой код добавляется к изображению.

Для начала устанавливаем любое изображение в новый материал:

картинка ссылкой

Код добавленного изображения  <img src=»путь/название картинки.jpeg»>. Теперь, чтобы добавить к изображению ссылку, нажимаем на значок цепочки и указываем некоторые параметры:

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

Теперь код изменился, и получилось:

<a href=»workion.ru» target=»_blank» title=»ПРИМЕР ДЛЯ ВОРКИОН»><img src=» путь/название картинки.jpeg» /></a>

Возможно, вы не разбираетесь в HTML, поэтому разберем составляющие кода по отдельности:

a href=»workion.ru»/a — эта часть отвечает за установку ссылки на картинку. target=»_blank» – это указывает на то, что ссылка будет открыта в новом окне, если вы хотите, чтобы ссылка открывалась в той же вкладке, потребуется установить значение target=»_self». title=»ПРИМЕР ДЛЯ ВОРКИОН» – здесь содержится надпись, которая будет представляться при наведении курсора на изображение.

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

<a href=»Ссылка»><img src=»URL картинки»></a>

Теперь вы знаете, как сделать картинку ссылкой и можете попробовать воспользоваться этим кодом.

Вам также будет интересно:
Виды внутренней перелинковки
Монетизация сайта через Pingmedia
Почему не индексируется сайт?

Оцените статью
Workion.ru
Добавить комментарий

  1. Артем Бесфамильный

    В какой системе это можно сделать?

    Ответить
  2. Egor Egorov

    где это делать,а голова толстолобая твоя,сидит теперь на морозе,для чего тогда тему эту было раздувать,тормоз.

    Ответить
  3. Наталья Белоусова

    Какой программой надо открыть картинку??? Это Вам все понятно и просто, а начинающим надо все четко показать, лучше в видио формате! По шагам 1,2,3,4 !!!

    Ответить
    1. Аноним

      Вот именно,начинающим вообще ничего не понятно

      Ответить
Яндекс.Метрика