Посилання на електронну пошту
Абсолютні і відносні посилання
Графічні посилання (посилання-картинки)
Як я вже сказав вище, для того, щоб створити посилання-картинку, потрібно замість тексту використовувати зображення. Приклад такого посилання виглядає так:
А браузер покаже:
За замовчуванням, браузер оточує картинку в графічній посиланням рамкою. Якщо це небажано, то атрибуту «border» тега IMG потрібно присвоїти значення 0:
Текстові та графічні посилання можна комбінувати. Якщо написати:
то посиланням буде як картинка, так і текст «Головна сторінка»
Ім'я якоря задається довільно. Тут варто сказати, що не всі браузери розуміють українські імена якорів, тому рекомендую використовувати латиницю. Текст між тегами і для створення якоря не обов'язковий і найчастіше не вказується.
Якір розташовується в тих місцях сторінки, в які повинен потрапити користувач після клацання по посиланню.
Я створив якір з ім'ям «zagolovok» і розмістив його поруч із заголовком цього уроку ( «Гіперпосилання в HTML»). Код якоря наступний:
HTML-код внутрішньої посилання буде виглядати так:
а в браузері так
Після клацання по цьому посиланню, ти потрапиш до заголовку цього уроку.
Розберемо спочатку створення посилання щодо кореневої папки сайту.
Припустимо нам потрібно послатися на сторінку klienty.html, яка лежить в одній папці з головною сторінкою сайту. Тоді код відносної посилання набуде вигляду:
А тепер припустимо, що в одній папці з головною сторінкою лежить папка «zakazy» і вже в ній лежить сторінка klienty.html Тоді код відносної посилання стане таким:
Тепер розглянемо створення гіперпосилань щодо вихідної сторінки. Припустимо, у нас є сторінка price.html (вихідна сторінка) і з неї потрібно послатися на сторінку klienty.html Тут бувають такі типові варіанти:
1. Сторінки price.html і klienty.html знаходяться в одній папці
Тоді код посилання буде таким:
2. Сторінка klienty.html і папка «zakazy» знаходяться в кореневій папці сайту, сторінка price.html лежить в папці «zakazy» (тобто сторінка klienty.html щодо вихідної сторінки price.html лежить на один рівень вище)
Код стане таким:
Дві точки показують, що потрібно вийти з поточної папки на рівень вище.
3. Сторінка klienty.html і папка «zakazy» знаходяться в кореневій папці сайту, папка «mebel» лежить в папці «zakazy», сторінка price.html лежить в папці «mebel» (тобто сторінка klienty.html щодо вихідної сторінки price.html лежить на два рівня вище)
Код посилання набуде вигляду:
Тобто кожен рівень позначається двома точками і слешем «/».
4. Страніцаprice.html (вих. Сторінка) і папка «zakazy» знаходяться в кореневій папці сайту, страніцаklienty.html лежить в папці «zakazy» (тобто тепер сторінка klienty.html щодо вихідної сторінки price.html лежить на один рівень нижче)
Тепер код посилання буде таким:
В цьому випадку точки і слеші не ставляться.
5. Сторінка price.html (вих. Сторінка) і папка «zakazy» знаходяться в кореневій папці сайту, папка «mebel» лежить в папці «zakazy», сторінка klienty.html лежить в папці «mebel» (тобто тепер сторінка klienty.html щодо вихідної сторінки price.html лежить на два рівня нижче)
Код посилання такий:
6. У кореневій папці сайту лежать дві папки: «zakazy» і «oplata». Сторінка klienty.html лежить в папці «zakazy», вихідна сторінка price.html лежить в папці «oplata» (тобто обидві сторінки лежать в різних папках на рівень нижче від кореневої папки сайту)
Код посилання стане наступним:
а в браузері так
У тега «A», як і у інших тегів в HTML є свої атрибути. Розглянемо деякі з них.
Атрибут «target»
За замовчуванням, браузер при переході по посиланню відкриває сторінку в цьому ж вікні. Щоб змінити це, використовується атрибут тега «A» «target». Він має наступні значення:
- _blank - відкриває посилання в новому вікні (в сучасних браузерах в новій вкладці);
- _parent - завантажує посилання в батьківському вікні;
- _self - за замовчуванням. Відкриває посилання в цьому ж вікні.
Це в повному обсязі значення атрибута target, але це найосновніші. Приклад використання цього атрибута:
Атрибут «title»
У тезі «A» можна також використовувати атрибут «title». З його допомогою створюється підказка, яка з'являється при наведенні миші на посилання.