Як додати гіперпосилання

Як додати гіперпосилання

Повідомлення в блозі часто пов’язані з цитуванням інших джерел і посиланням на думки і події, зафіксовані в інтернеті. Щоб ховати адресу переходу у власний текст (наприклад, назва джерела) або картинку, а також виділяти посилання кольором, ви можете скористатися HTML-кодуванням.

Інструкція

  1. Найпростіший код для оформлення посилання дозволяє відкрити сторінку в поточній вкладці (і поточному вікні). Ці теги виглядають так: <a href=»Адрес перехода» target=»_blank»> Текст посилання </ a>.
  2. В інших випадках ви можете використовувати в якості посилання картинку. При використанні такого тега: <a href=»Адрес перехода» target=_blank title=»Ваш комментарій»> <img src=»URL картінкі»> </ a> — при наведенні на картинку з’явиться ваш коментар, а посилання відкриється в новому вікні.
  3. Текст посилання і підкреслення можуть бути виділені різними кольорами. Для цього використовуйте теги: <a href=»Адрес перехода» target=»_blank» style=»color:green; text-decoration:underline;»> <span style=»color:red;»> Ваш текст < ; / span> </ a>. У конкретному випадку текст буде червоним, а підкреслення зеленим. Якщо замінити слова «red» і «green» на інші, зміняться і кольору.
  4. Замість підкреслення ви можете використовувати рамку. При використанні тегів: <a href=»Адрес перехода» style=»border: 2px solid navy; padding: 2px; text-decoration: none;»> Ваш текст </ a> — текст буде червоним, а рамка темно- синьої. Відстань від тексту до рамки дорівнює 2 пікселям, товщина рамки — також 2 пікселя. Для зміни кольорів і розмірів змінюйте відповідні параметри.
  5. <a href=»Адрес перехода» style=»background:yellow; color:black»> ТЕКСТ </ a> — текст буде виділений жовтим маркером. При бажанні ви можете замінити yellow на англійська назва іншого кольору.
  6. При вводити наступне тега посилання буде сіро-рожевою, виділена сірим маркерів, а при наведенні виділення маркером буде змінюватися на рожевий колір: <a href=»Адрес перехода»> <font onmouseover = «style.backgroundColor = ‘pink’; style.cursor = ‘hand’ «onMouseOut =» style.backgroundColor = ‘silver’; «> Текст посилання </ font> </ a> <a href=»Адрес перехода»> Текст посилання </ a> ;.