Новини освіти і науки:

G+

Тлумачний словник
Авто
Автоматизація
Архітектура
Астрономія
Аудит
Біологія
Будівництво
Бухгалтерія
Винахідництво
Виробництво
Військова справа
Генетика
Географія
Геологія
Господарство
Держава
Дім
Екологія
Економетрика
Економіка
Електроніка
Журналістика та ЗМІ
Зв'язок
Іноземні мови
Інформатика
Історія
Комп'ютери
Креслення
Кулінарія
Культура
Лексикологія
Література
Логіка
Маркетинг
Математика
Машинобудування
Медицина
Менеджмент
Метали і Зварювання
Механіка
Мистецтво
Музика
Населення
Освіта
Охорона безпеки життя
Охорона Праці
Педагогіка
Політика
Право
Програмування
Промисловість
Психологія
Радіо
Регилия
Соціологія
Спорт
Стандартизація
Технології
Торгівля
Туризм
Фізика
Фізіологія
Філософія
Фінанси
Хімія
Юриспунденкция

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

Гіпертекстовими посиланнями (або 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>

Не знайшли потрібну інформацію? Скористайтесь пошуком google:

Генерація сторінки за: 0.008 сек.