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

Гіпертекстовими посиланнями (або hiperlink) називаються виділені області документа, що дозволяють перейти до іншої його частини або до іншого документа у мережі. Гіперпосилання складаються із"внутрішньої" частини, тобто адреси документа, на котру ми посилаємося, і "зовнішньої" частини, яку видно на екрані і яку називають якорем гіперпосилання. Якір може являти собою слово або групу слів, графічне зображення або його частину. Текстові гіперпосилання виділені іншим кольором і досить часто підкреслені. Графічні гіперпосилання часто обведені рамкою того ж кольору, яким виділяються текстові гіперпосилання. Для створення гіперпосилань служить тег виду:

<A HREF="адрес" TARGET="вікно">текст посилання</A>

Опція TARGET може бути не вказана. У цьому випадку документ відкривається у поточному вікні броузера. Якщо вказано, що TARGET=¢¢_BLANK¢¢, тоді документ відкривається у новому вікні. Текст гіперпосилань тега <A> може бути довільним.

Гіперпосилання бувають: абсолютні, відносні, внутрішні. Повна адреса документа в мережі називається URL. Гіперпосилання, у якому вказаний повний URL документа, називається абсолютним і використовується для зв¢язку із зовнішніми ресурсами Інтернету. Наприклад:

<A HREF="http://www.mail.ru/index.html" TARGET="_BLANK">російський сервер</A>

Відносне гіперпосилання вказує на документ, в якому опускається загальна адресна частина. Наприклад, із документа index.html посилаємося на test.html:

<A HREF="test.html" TARGET="_BLANK">документ test.html</A>

При використанні відносного гіперпосилання можна звертатися до папок, котрі є вкладеними або батьківськими по відношенню до папки, у якій розміщений вихідний документ. Наприклад, гіперпосилання на малюнок з іменем my.jpg, що знаходиться у папці images:

<A HREF="images/my.jpg">погляньте на малюнок</A>

Дуже часто у ролі гіперпосилання виступає малюнок, тоді можемо записати:

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

<A HREF="#закладка">якір посилання</A>

а для створення закладки служить тег такого вигляду:

<A NAME="закладка">якір закладки</A>

Імена закладок повинні бути унікальними у межах документа. Наприклад, якщо перше слово документа помістити у тег:

У нижній частині документа можна розмістити гіперпосилання:

<A HREF=¢¢#start¢¢>до початку сторінки...</A>

Гіперпосилання виділяються кольором або підкреслюванням залежно від того, як налаштований броузер. Для цього використовують атрибути LINK= та VLINK= тега <BODY>. Наприклад:

Жоден сайт не обійдеться без гіперпосилання типу “Написати веб-майстеру”, “Моя електронна адреса”. Таким чином, веб-майстер розраховує отримувати листи електронною поштою від вдячних відвідувачів. Для цього записують таким чином:

<A HREF="mailto:ekremer@ukr.net">Написати мені листа</A>

Завдання 1. Створити гіперпосилання у межах поточного документа.

<HTML>

<HEAD>

<TITLE>Розклад занять груп

</TITLE>

</HEAD>

<TR>

<TD><A HREF="#ПН">Понеділок</А></TD>

<TD>Вівторок</ТD>

<TD>Середа</ТD>

<TD>Четвер</TD>

<TD>П’ятниця</TD>

<TD>Cyбoтa</TD>

</TR>

</TABLE>

Розклад занять груп

<A NAME="ПН"> Понеділок </A></B>

<td> 1 група</td>

<td> 2 група</td>

<td> 3 група</td>

</tr>

<td> Інформатика</td>

<td> Історія</td>

<td> Математика</td>

</tr>

<td> Фізика</td>

<td> Література</td>

<td> Англійська мова</td>

</tr>

<td> Математика</td>

<td> Історія</td>

</tr>

</table>

</BODY>

</HTML>

Зберегти документ під іменем hiper_link.html.

Завдання 2. Створити гіперпосилання на попередній документ link1.html.

<HTML>

<HEAD>

<TITLE> Навчальний файл HTML</TITLE>

</HEAD>

Розклад

занять на понеділок

<TR><TD><A HREF="hiper_link.html">1 група </А></TD>

<TD>2 група </TD> </TR>

<TR><TD>3 група </TD>

<TD>4 група </TD> </TR>

<TR><TD>5 група</TD><TD>6 група </TD>

</TR>

</TABLE>

</CENTER>

</BODY>

</HTML>

1 2 34

Дата добавления: 2015-06-05; просмотров: 667;