Структура посилань в HTML-документі

Поки що ми розглянули тільки зовнішній вигляд URL. Для того, щоб броузер відобразив посилання на URL, необхідно відмітити URL спеціальними тегами в HTML-документі. Синтаксис HTML, що дозволяє зробити - наступний:

<A HREF="URL"> текст який буде відмічено, як посилання </A>

Тег < A HREF =" URL "> відкриває опис посилання, а тег </ A > - закриває його. Довільний текст, що перебуває між цими двома тегами підсвічується спеціальним чином Web-броузером. Звичайно цей текст відображається підкресленим і виділеним синім (або іншим заданим користувачем) кольорами. Текст, що позначає URL, не відображається броузером, а використається тільки для виконання запропонованих йому дій при активізації посилання.

Посилання на точки усередині документа

Ви можете робити посилання на різні ділянки або розділи того самого документа, використовуючи спеціальні сховані маркери для цих розділів. Це дозволяє швидко переходити від розділу до розділу усередині документа, не використовуючи прокручування екрана. Як тільки ви клацнете на посиланні, броузер перемістить вас на зазначений розділ документа, а рядок, у якому є маркер даного буде розміщено на першому рядку вікна броузера.

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

1. Створіть маркер розділу. Синтаксис даного маркера наступний:

<A NAME="named_anchor"> Текст який відобразиться в першій лінійці броузера </A>

2. Створіть посилання на даний маркер:

<A HREF="#named_anchor"> Текст </A>

Наприклад:

<p><b>Список розділів</b></p>
<ul> <li><a href="#ex1">Розділ 1</a></li>
<li><a href="#ex2">Розділ 2</a></li> </ul>
<p><a name="ex1"></a>Розділ 1</p>
<ul> <p>Текст роздягнула 1</p> </ul>
<p><a name="ex2"></a>Розділ 2</p>
<ul> <p>Текст роздягнула 2 <br></p>

Список розділів

  • Розділ 1
  • Розділ 2

Розділ 1

Текст роздягнула 1

Розділ 2

Текст роздягнула 2

Символи "#ex1" повідомляє вашому броузеру, що необхідно знайти в даному HTML-документі маркер з ім'ям "ex1". Коли користувач клацне мишею на рядку "Розділ 1", броузер перейде відразу до розділу 1.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: