Гіперпосилання

Гіперпосилання та мітки

Iнформація в мережі представляється у вигляді документів, кожний з яких може містити як внутрішні перехресні посилання, так і посилання на інші документи. Такі посилання називають гіперпосиланнями.

На екрані комп'ютера у вікні програми перегляду, посилання виглядають як виділені яким-небудь чином (наприклад, іншим кольором, підкресленням) частини тексту або графіки.

Вибираючи гіперпосилання, користувач може переміщатися від однієї частини документа до іншої, або ж від одного документа до іншого.

Для створення гіперпосилання, використовують тег <a> ... </a>

href

Задає посиланя на документ. В нього записують шлях чи URL.

name

Вказує на закладку (місце в документі) куди потрібно перейти.

title

Задати текст підказки.

Наприклад

<a href="http://step.inf.ua/nvk/index.php">Сайт НВК</a>

<a href="http://step.inf.ua/">Step by Step</a>

Створення гіперпосилання на електронну адресу:

<a title="Звязок з адміністратором" href="mailto:admin@school.edu
?subject=Пропозиції і побажання"> admin@school.edu</a>

Параметр ?subject дозволяє вказати тему поштового повідомлення.

Зображення також можуть виступати у ролі гіперпосилань. Для цього в середині тега <a>...<a> вказують тег зображення <img src="https://step.org.ua/">

Наприклад

<a href="http://step.inf.ua/"><img border="0" src="https://step.org.ua/school.jpg" ></a>

Для того, щоб зображення не було обведене рамкою, вказують пареметр border="0".

Закладки полегшують навігацію та дозволяють створювати на початку документа короткі анонси змісту сторінки.

Спочатку потрібно розмістити в документі закладки, надавши їм імена. Рекомендується використовувати короткі імена, що характеризують призначення закладки.

Наприклад

<a name="marque1">

<a name="marque2">

Щоб звернутися до закладки, її назву потрібно вказати у гіперпосиланні.

Наприклад

<a href="#marque1">Закладка 1</a>

<a href="#marque2">Закладка 2</a>

Якщо закладка знаходиться на іншій сторінці, тоді спочатку потрібно вказати сторінку, а потім — ім'я закладки.

Наприклад

<a href="index.html#marque1">Закладка 1</a>