Як опублікувати посилання

Як опублікувати посилання

Опис сайту чи форуму може стати гарною темою для повідомлення в блозі. Однак інформація буде неповною, якщо в повідомленні не буде вказана активне гіперпосилання на ресурс. У той же час у читача створиться набагато більш сприятливе враження про статтю, якщо посилання буде дана не в прямому вигляді, а зашифрована у вигляді картинки або уривка тексту.

Інструкція

  1. Шифрування в тексті — найпоширеніший спосіб публікації посилання. Перед початком роботи встановіть у блозі режим HTML-редагування.

    Найпростіша формула вставки виглядає так: <a href=»АДРЕС СТРАНІЦИ»> Ваш текст </ a>. Скопіюйте та вставте її в текст повідомлення, замінивши відповідні поля на адресу сайту і слово-шифр.
  2. Можна трохи прикрасити посилання, наприклад, при наведенні курсору виводити коментар. Код такого посилання буде виглядати так:

    <a href=»АДРЕС СТРАНІЦИ» target=» blank» title=»Комментарій до ссилке»> текст </ a>

    Зверніть увагу, що опублікована посилання буде відкриватися в новому вікні. Якщо вам це не потрібно, приберіть відповідний тег.
  3. Як уже згадувалося, картинка теж може служити посиланням. HTML-теги в цьому випадку будуть оформлятися наступним чином:

    <a href=»АДРЕС СТРАНІЦИ» target= blank title=»Пояснітельний текст»> <img src=»URL картінкі»> </ a>

    Картинка повинна бути опублікована в інтернеті. В якості графічного файлу можна використовувати і малюнок-кнопку, в тому числі з текстом.

    Як бачите, в теге використовується і спливаючий коментар, і відкриття в новому вікні. Щоб посилання відкривалася в тому ж вікні і без підказки, приберіть теги target = blank і title == «Пояснювальний текст»>.
  4. Ефектно виглядають і текстові посилання, прикрашені всілякими декоративними елементами. Приміром на засланні, оформленої таким чином, буде відсутній підкреслювання. Замість нього текст посилання буде червоно-коричневим, а навколо нього з’явиться темно-синя рамка товщиною в два пікселя:

    <a href=»АДРЕС СТРАНІЦИ» style=»border: 2px solid navy; padding: 2px; text-decoration: none;»> Ваш текст </ a>

    Замінюйте кольору тексту і рамки відповідно до свого смаку і дизайном блогу (на темному тлі кращі світлі кольори тексту і рамки), міняйте товщину рамки і відстань від букв до неї.