Як зробити посилання для малюнка
Оформлення посилань на картинки робиться практично таким же чином, як оформлення гіперпосилань на звичайні сторінки сайту. При створенні повідомлення на сайті або в блозі ви можете вставити таку посилання в режимі редагування HTML.
1
Вставка посилання, зашифрованої під текст, може бути оформлена наступним тегом: Ваш текст . приклад: Ми ділили апельсин .... А так це посилання буде виглядати після збереження повідомлення: Ми ділили апельсин ...
2
. Клацання по посиланню може відкривати нове вікно, в якому буде відображатися картинка. Тег такого посилання: текст посилання.
3
Щоб при наведенні курсору поруч з текстом посилання з`являвся коментар, використовуйте такий тег: текст посилання.
4
Посиланням на картинку може служити інша картинка. В такому випадку тег виглядає таким чином: . Картинка буде відкрита в новому вікні, при наведенні курсору на посилання з`являється коментар.
Рада 2: Як зробити посилання картинкою
Якщо ви активний користувач мережі інтернет, ви напевно час від часу користуєтеся форумами, блогами і соціальними мережами. У цьому середовищі часто доводиться використовувати мову розмітки і форматування HTML (частіше в блогах), або BB-Code (зазвичай на форумах і в соц.сетях) для текстів, картинок і посилань. Розглянемо, як правильно і швидко зробити посилання картинкою ручним способом.
Вам знадобиться
- - комп`ютер
- - доступ в Інтернет
- - Поле введення для html або bb-code
Інструкція
1
Спочатку зробимо посилання у вигляді картинки з допомогою ручного HTML. Цей метод, наприклад, використовується при оформленні постів в livejournal.
Параметр href містить посилання, на яку користувач перейде після кліка по картинці.
Параметр target відображає поведінку браузера при відкритті посилання. В даному випадку варто значення _blank, тобто браузер відкриє посилання в новому вікні (або вкладці).
img src - це шлях до картинки, з якої ми робимо посилання.
alt - це текст, який з`явиться замість картинки, якщо вона не завантажиться, або якщо буде завантажуватися довше, ніж основна частина сторінки.
Значення border ="0" дозволить прибрати рамку навколо картинки. Якщо вона все-таки потрібна, замість нуля поставте одиницю.
Параметр href містить посилання, на яку користувач перейде після кліка по картинці.
Параметр target відображає поведінку браузера при відкритті посилання. В даному випадку варто значення _blank, тобто браузер відкриє посилання в новому вікні (або вкладці).
img src - це шлях до картинки, з якої ми робимо посилання.
alt - це текст, який з`явиться замість картинки, якщо вона не завантажиться, або якщо буде завантажуватися довше, ніж основна частина сторінки.
Значення border ="0" дозволить прибрати рамку навколо картинки. Якщо вона все-таки потрібна, замість нуля поставте одиницю.
2
З HTML розібралися. Тепер доб`ємося аналогічного результату за допомогою bb-коду.
[Url = http: //server.ru] [img] images / picture.jpg [/ img] [/ url]
Тут, як бачите, все трохи простіше.
Нам треба вказати параметр url, він містить саму посилання. Після цього вказуємо параметр img, в ньому шлях до картинки, з якої ми хочемо зробити посилання.
[Url = http: //server.ru] [img] images / picture.jpg [/ img] [/ url]
Тут, як бачите, все трохи простіше.
Нам треба вказати параметр url, він містить саму посилання. Після цього вказуємо параметр img, в ньому шлях до картинки, з якої ми хочемо зробити посилання.
Зверніть увагу
В html і bb-code найголовніше - чітке дотримання синтаксису. Якщо забути поставити лапки, або відкрити або закрити дужку, то це неминуче призведе до помилки на сторінці і, відповідно, непрацездатності посилання. Уважно перевіряйте оформлення вами посилання перед тим, як відправити пост.
Корисна порада
У більшості форумів, в соціальних мережах і блогах є спеціальний редактор, подібний за функціями з будь-яким текстовим редактором на вашому комп`ютері. Він дозволяє обходитися без ручного «кодування», проте з деякими завданнями може і не впоратися. На цей випадок ми і розглянули метод ручного редагування коду.
Зверніть увагу
Повідомлення з тегами потрібно створювати в режимі HTML, інакше кодуванням Не буде прочитана нормально.
Статті за темою "Як зробити посилання для малюнка"
Оцініть, будь ласка статтю