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

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

Все, що розмістив у веб-сторінці її творець, відтворюється браузером відвідувача на основі інструкцій HTML-коду, які надсилає веб-сервер. Зокрема, гіперпосилання відображається в сторінці, коли браузер зустрічає в вихідному коді тег «A» (від слова anchor — «якір»). У цьому теге можна вказувати додаткову інформацію (атрибути тега), що повідомляє браузеру подробиці про те, як повинна виглядати посилання, куди вести, як реагувати на наведення курсора і т.д.

Інструкція

  1. Вказуйте в теге посилання тільки адреса переходу, якщо хочете, щоб оформлення і поведінка цього посилання не відрізнялося від інших аналогічних елементів цієї сторінки. Такий тег з мінімальним набором атрибутів мовою HTML (HyperText Markup Language — «мова розмітки гіпертексту») може виглядати, наприклад, так:

    <a href=»http://kakprosto.ru»> Текстове посилання </ a>

    Тут у відкриває тег <a> поміщений атрибут href, що містить повну адресу переходу. За відкриває тегом розміщений текст посилання, а за ним — закриває тег </ a>. Якщо посилання вказує на документ, що лежить в тій же папці сервера, де знаходиться і сама ця сторінка, то вказувати повний («абсолютний») адреса не обов’язково. У цьому випадку посилання може виглядати, наприклад, так:

    <a href=»somePage.html»> Текстове посилання </ a>

    Якщо документ знаходиться у вкладеній папці, то написати треба так:

    <a href=»folder/somePage.html»> Текстове посилання </ a>

    Такі адреси, на відміну від абсолютних, називаються «відносними».
  2. Поміщайте в відкриває тег посилання атрибут target, щоб дати вказівку браузеру відкривати посилання в новому вікні. Виглядати це може, наприклад, так:

    <a href=»http://kakprosto.ru» target=»_blank»> Відкриється в новому вікні </ a>

    Тут присвоєне атрибуту target значення _blank означає нову сторінку, а всього цього атрибуту можна присвоїти чотири різних значення. Решта три (_self, _parent і _top) використовуються не часто і застосовуються до сторінок, що використовують фрейми, або відкриваються за допомогою JavaScript-сценаріїв.
  3. Використовуйте атрибут name, якщо при натисканні на посилання треба прокрутити документ до заданої на засланні мітки в цій сторінці. Така позначка в HTML-коді може виглядати, наприклад, так:

    <a name=»отметка_1″> </ a>

    Це посилання не буде видно відвідувачу, її призначення — тільки позначити місце, до якого треба прокрутити сторінку. А саме посилання на цю відмітку повинна виглядати так:

    <a href=»#отметка_1″> Посилання на першу позначку </ a>

    Якщо така позначка розміщена не у поточній сторінці, то посилання на неї може виглядати, наприклад, так:

    <a href=»http://kakprosto.ru#отметка_1″> Відмітка у зовнішній сторінці </ a>
  4. Поміщайте інші блокові елементи сторінки між відкриває і закриває тегами посилання, якщо потрібно зробити ці елементи посиланням. Наприклад, HTML-код картинки-посилання може виглядати так:

    <a href=»http://kakprosto.ru»> <img src=»logo.png» border=»0″ /> </ a>