6. Посилання на інший документ (загальні посилання)

В HTML перехід від одного фрагмента текста до іншого задається за допомогою тега наступного вигляду:

<A HREF="[адреса переходу]">виділений фрагмент текста</A>

В якості параметра [адреса переходу] може використовуватись декілька типів аргументів. Саме найпростіше — це задати і’мя іншого HTML–документа, до якого потрібно перейти. Наприклад:

<A HREF="index.html">Перейти до головної сторінки</A>

Такі фрагменти HTML–текста, як правило, автоматично виділяються кольором або оформлюються підкреслюванням. Вищезазначене посилання при натисканні на текст "Перейти до головної сторінки" дозволить завантажити у поточне вікно документ index.html. Якщо у адресі переходу не вказаний каталог, перехід буде виконаний всередині поточного каталогу. Якщо в адресі переходу не вказаний сервер, перехід буде виконаний на поточному сервері. Якщо необхідно зіслатися на сторінку за межами поточного каталогу, але ту, що знаходиться на поточному сервері, записується:

<A HREF="../folder/index.htm">

Адреси файлів. Для виклику віддалених файлів, тобто файлів, які є на серверах у мережі Internet, адресу записують із зазначеням назви протоколу доступу http і URL-адреси файлу, наприклад,

"http://www.polynet.lviv.ua/ourpage.htm".

Для доступу до файлів на локальному диску використовують протокол доступу file: " file:///диск:/ шлях до файлу".

Наприклад, "file:///d:/mycatalog/mypage.htm". Назву протоколу можна інколи не писати, наприклад, SRC="c:/windows98/JIec.bmp".

Якщо графічні чи інші файли є в тому ж каталозі, що основний html-файл, то достатньо зазначити лише назву файлу, наприклад, SRC= "myfoto.gif". Якщо файл є в деякому сусідньому каталозі images, то шлях до нього можна подати так: "../images/myfoto.gif". Отже, тег IMG може мати такий конкретний вигляд:

<IMG SRC="c:/windows98/Лec.bmp" АLТ="Ліс">.

Вставляння гіперпосилань. Гіперпосилання є двох видів: 1) на файл; 2) на деяке місце на даній сторінці: початок сторінки (top), кінець сторінки (bottom), на позначений текст. Гіперпосилання вставляють за допомогою парного тега <А>...</А> з параметром HREF = "адреса файлу". Тут замість адреси можуть стояти слова top чи bottom чи текст, що є позначкою.

Гіперпосиланням може бути текст або деяке графічне зображення. Розглянемо випадок, коли гіперпосиланням є текст. Нехай у реченні "Мене звуть Світлана" слово "Світлана" потрібно зробити гіперпосиланням на файл "file2.htm" чи "newinf.htm", що містить додаткові відомості про Світлану. Це роблять так:

Мене звуть <А HREF = "newinf.htm"> Світлана</А>.

У результаті цього на Web-сторінці слово Світлана буде підкреслене і зображене іншим кольором. Колір гіперпосилання визначається у тезі BODY параметром LINK = "колір". Крім цього корисними є ще два параметри: VLINK= "інший колір" — змінює колір гіперпосилання на інший після першого використання; ALINK = "ще інший колір" — змінює колір щойно активізованого гіперпосилання на ще інший.

Тепер розглянемо як деяке графічне зображення зробити гіперпосиланням. Для цього в середині тега <А>...</А> потрібно використати тег IMG. Наприклад, щоб фотографія Світлани, що є у файлі "svitlana.gif", була в рамці й стала гіперпосиланням на файл new-inf.htm, пишуть так:

<А HREF = "newinf.htm"><IMG SRC = "svitlana.gif" BORDER =8 ></A> Клацнувши на Web-сторінці на фотографії Світлани, відкриємо файл newinf.htm з додатковою інформацією про неї.

Будь-яку піктограму (картинку) можна вставити автономно чи як гіперпосилання, оскільки вона зберігається також у графічному файлі. Розглянемо другий тип гіперпосилань — посилання в межах сторінки. Спочатку потрібно позначити місце на сторінці, куди здійснюватиметься перехід. Якщо з деякого місця перехід має виконуватися на початок сторінки, то в те місце html-файлу, що відповідає початку сторінки, вводять тег, який називається якорем:

<А NAME="#початок"></А>.

Аналогічно позначають деяке місце в кінці файлу:

<А NАМЕ="#кінець"></А>.

Якір можна кинути в будь-якому місці тексту так:

<А NАМЕ="#мояпозначка"х/А>.

Тепер на сторінці розміщують гіперпосилання на створені позначки (якори): <А HREF="#початок'' або "#кінець" або "#моя позначка"> текст гіперпосилання </А>.

Якщо одна сторінка займає декілька екранів, то в кінці сторінки вартує вставити гіперпосилання для переходу на початок, наприклад, так: А тепер можете перейти <А HREF="#початок>Ha початок</А> сторінки.

Приклад 8. У редакторі Notepade модифікуйте файли sample1.htm– sample7.htm, додавши до них навігаційні панелі. Формування горизонтальної навігаційної панелі у документі sample1.htm може виглядати так:

…

<table>

<tr>

<td>приклад 1</td>

<td><a href=”sample2.htm”>приклад 2</a></td>

<td><a href=”sample3.htm”>приклад 3</a></td>

</tr>

</table>

…

Зверніть увагу на те, що на сторінці не створюється посилання саме на себе.