Тег <a>...</a> визначає гіперпосилання та використовується для стврорення
зв'язку з однієї веб-сторінки на іншу сторінку абодля переходу на об'єкт що позначений на цій сторінці.
Тег <a>...</a> є одним з важливих елементів HTML і призначений для створення посилань.
Залежно від присутності параметрів name
або href тег <a>...</a> встановлює
посилання або якір. Якорем називається закладка всередині сторінки, яку можна
вказати в якості цілі посилання. При
використанні посилання, що вказує на якір, відбувається перехід до закладки всередині веб-сторінки. Для створення посилання необхідно повідомити браузеру,
що є посиланням, а також вказати адресу документа, на який слід зробити
перехід. Значенням параметра href використовується
адреса документа (URL, "Universal Resource Locator, універсальний
вказівник ресурсів" – адреса сайту в інтернеті), на який відбувається
перехід. Адреса посилання може бути абсолютною або відносною. Абсолютні адреси
працюють скрізь і всюди незалежно від імені сайту чи веб-сторінки, на якій
прописане посилання. Відносні посилання, як випливає з їх назви, задають
переходи в середині поточного документа чи сайту.
Приклад:
<a href="1.jpg">фотографія!</a> – посилання на графічне
зображення, яке зберігається в файлі з іменем 1.jpg, що знаходиться в папці
разом з веб-документом в якому прописане дане посилання.
За замовчуванням, посилання у всіх браузерах буде виглядати наступним чином:
·
Невідвідуване посилання - підкреслене та
синє
·
Відвідане посилання - підкреслене та фіолетове
·
Активне посилання - підкреслене та червоне
Атрибути
Атрибут Опис атрибута
href Задає адресу
документа, на який слід перейти.
name Встановлює ім'я
якоря всередині документа.
target Ім'я вікна або фрейму, в якому
браузер буде відкривати документ.
Значення, які може приймати атрибут
"_Blank"
– відкриття документа в
новому вікні
"_Top" – відкриття документа в поточному
вікні
"_Parent" – відкриття документа в поточному
фреймі
"_Self" – відкриття документа в поточному
фреймі
При використанні фреймів і
вкладених фреймів значенням може виступати ім'я фрейма або вкладеної сітки
фреймів, прицьому сторінка відкриється у вказаній частині вікна
charset Визначає кодування
пов'язаного документа.
coords Встановлює
координати активної області.
download Пропонує завантажити
вказаний за посиланням файл.
hreflang Ідентифікує мову
тексту за посиланням.
media Вказує, що
пов’язаний документ оптимізований під деякий пристрій.
rel Відношення між
документом за посиланням та поточним документам.
rev Відношення між
поточним і документом за посиланням.
shape Задає форму
активної області посилання для зображень.
type Вказує MIME-тип
документа, на який веде посилання.
accesskey Активація посилання
за допомогою комбінації клавіш.
Приклад:
<a href="http://css.in.ua/">Завітайте на наш сайт</a> – перехід на сайт http://css.in.ua/. Посиланням являється текст "Завітайте на наш сайт".
<a
href="mailto:email">електронна адреса або картинка</a> – створює
гіперпосилання виклику поштової програми для написання листа за вказаною
адресою.
<a
href="#мітка">текст або картинка</a> – створює
гіперпосилання на мітку в поточної сторінці.
<a
name="мітка">текст або картинка</a> – зазначає частину
тексту або картинка, як позначку (якір) для гіперпосилань на сторінці.
<a
href=" URL#мітка">текст або картинка</a> – створює
гіперпосилання на мітку іншої сторінки.
Приклад : <!DOCTYPE html">
<html>
<head>
<title>Приклад тегу a name</title>
</head>
<body>
<a name="mitka">Це мітка на яку попаде відвідувач</a><br>
Звичайно, якщо натисне відповідне посилання<br>
Для демонстрації "a name" + "a href" нам знадобиться скролінг<br>
Скролінг - це така полоска справа, за яку прокручують текст<br>
Один з варіантів получити скролінг - розмістити багато тексту<br>
Набагато більше, ніж розмір вікна браузера<br>
Саме тому цей приклад має так багато тексту<br>
Отже, щоб побачити як все працює, просто натиснить:<br>
<a href="#mitka">спочатку</a>
</body>
</html>
<html>
<head>
<title>Приклад тегу a name</title>
</head>
<body>
<a name="mitka">Це мітка на яку попаде відвідувач</a><br>
Звичайно, якщо натисне відповідне посилання<br>
Для демонстрації "a name" + "a href" нам знадобиться скролінг<br>
Скролінг - це така полоска справа, за яку прокручують текст<br>
Один з варіантів получити скролінг - розмістити багато тексту<br>
Набагато більше, ніж розмір вікна браузера<br>
Саме тому цей приклад має так багато тексту<br>
Отже, щоб побачити як все працює, просто натиснить:<br>
<a href="#mitka">спочатку</a>
</body>
</html>
Немає коментарів:
Дописати коментар