Гіперпосилання у веб-дизайні.

Як нам відомо на кожному сайті як правило присутні посилання.

Будь-яке посилання в HTML-мові позначається тегом <A>, який має такі атрибути:

HREF - адресація

ID або NAME - внутрішній адресу частині документа

TARGET - показує в якому вікні буде відкрита посилання. (Значення - _blank (новому), _self (поточному), _top і _parent.

TITLE - коментарі до заслання, які видно в браузері при наведенні миші.

LINK, ALINK, VLINK - колір посилань в залежності від наведення миші. Вживаються в каскадних аркушах стилів або безпосередньо в тегу <BODY>.

Атрибут HREF в HTML-коді пишеться за загальними правилами - одразу після тега через "прогалину". У значення потрібно вказати "місце" куди будемо посилатися. Далі в самому контейнері тега <A> заноситься текст посилання. Якщо Ви хочете направити посиланням на інший сайт, то потрібно вказувати в значення його повну адресу в Інтернеті. Приклад:

<A HREF="http://www.vesty.ru> Новини </ A>

При локальному використанні між сторінками посилання робиться безпосередньо на саму сторінку з зазначенням розширення файлу. Т.к. сайт на сервері представляє собою; "древо" папок-існують деякі відмінності. Так буде виглядати запис в HTML-коді, якщо посилаємося на сторінку в тій же папці:

<A HREF = "index.html"> Головна </ A>

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

<A HREF="імя підпапки /імя шуканої страніци"> текст посилання </ A>

При посиланні на іншу папку "древа" використовується наступний метод: зазначається в коді набір символів "../" за кожен рівень "древа" щодо папки, де знаходиться посилання із зазначенням імені папки (якщо немає підпапок) або тільки підпапки (якщо сторінка там ). Приклад - шукана сторінка знаходиться в папці на два рівня вгору, вкладена в підпапку:

<A HREF= "../../ ім'я подпапкі/імя шуканої сторінки> текст посилання </ A>

За такими ж принципами робляться посилання на будь-який інший файл.

Посилання на адресу поштової скриньки треба виробляє так:

<A HREF=" mailto: адресу ящіка"> текст для посилання </ A>

Крім тексту об'єктом у вигляді посилання може бути будь-яке зображення. Для цього всього лише навсього помістіть код цього зображення в контейнер <A> </ A> замість тексту. Приклад:

<A HREF="index.html ">

<IMG SRC="img/home.gif" ALT="Главная" WIDTH="16" HEIGHT="16" BORDER="0"> </ A>

Це все, що стосувалося посилань. Для закріплення теми - потрібен тренінг на своєму ПК.