Як зробити посилання картинкою

Якщо ви активний користувач мережі інтернет, ви напевно час від часу користуєтеся форумами, блогами і соціальними мережами. У цьому середовищі часто доводиться використовувати мову розмітки і форматування HTML (частіше в блогах), або BB-Code (зазвичай на форумах і в соц.сетях) для текстів, картинок і посилань. Розглянемо, як правильно і швидко зробити посилання картинкою ручним способом.

Содержание

Відео: Як отримати посилання на картинку
Відео: Як зробити картинку посиланням Вконтакте 2015
Зверніть увагу
Корисна порада

Відео: Як отримати посилання на картинку

Спочатку зробимо посилання у вигляді картинки за допомогою ручного HTML. Цей метод, наприклад, використовується під час оформлення постів в livejournal.

Параметр href містить посилання, на яку користувач перейде після кліка по картинці.

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

img src - це шлях до картинки, з якої ми робимо посилання.

alt - цей текст, який з`явиться замість картинки, якщо вона не завантажиться, або якщо буде завантажуватися довше, ніж основна частина сторінки.

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

Відео: Як зробити картинку посиланням Вконтакте 2015

З HTML розібралися. Тепер доб`ємося аналогічного результату за допомогою bb-коду.

Тут, як бачите, все трохи простіше.

Нам треба вказати параметр url, він містить саму посилання. Після цього вказуємо параметр img, в ньому шлях до картинки, з якої ми хочемо зробити посилання.

Зверніть увагу

В html і bb-code найголовніше - чітке дотримання синтаксису. Якщо забути поставити лапки, або відкрити або закрити дужку, то це неминуче призведе до помилки на сторінці і, відповідно, непрацездатності посилання. Уважно перевіряйте оформлені вами посилання перед тим, як відправити пост.

Корисна порада

У більшості форумів, в соціальних мережах і блогах є спеціальний редактор, подібний за функціями з яким текстовим редактором на вашому комп`ютері. Він дозволяє обходитися без ручного «кодування», проте з деякими завданнями може і не впоратися. На цей випадок ми і розглянули метод ручного редагування коду.

Поділися в соціальних мережах:

Увага, тільки СЬОГОДНІ!

Схожі