Завдання №4. Об’єднання сторінок.

Як же створити сайт, зв'язавши окремі сторінки разом? На практиці коли відвідувач відкриває го­ловну сторінку, він може вибрати потрібне поси­лання й у такий спосіб перейти до наступного до­кумента. Посилання — це місце в тексті чи на зоб­раженні, клацнувши на якому кнопкою миші, ви опи­няєтесь на іншій сторінці.

Для оформлення посилання існує пара тегів <А>...</А>. Усе, що вкладено між ними, є посилан­ням. Записується це так: <А НRЕF="qrоuр.html">Мої улюблені групи</А> чи <А НRЕF="qrоир.html"> <ІМG SRC="Іmаqеs/mиsіс.jрq"></А>.

Тут параметр НRЕF задає ім'я НТМL‒файла, що містить сторінку, на яку відбудеться перехід. У пер­шому випадку посиланням буде фраза "Мої улюб­лені групи", у другому — зображення musіс.jрq. Текст посилання на сторінці в броузері виділяється кольором, а зображення за замовчуванням обводиться рамкою. В останньому випадку можна за­брати рамку, задавши значення параметра ВОRDЕR рівне 0 (ВОRDЕR=0).

Документ іпdех.html тепер буде мати такий вигляд:

<НТМL>

<НЕАD>

<ТІТLE>Музика</Т1ТLЕ>

</НЕАD>

<ВODY>

Музика без кордонів<ВR>

<ІМG SRС="Imaqes/foto.jрq"><ВR><A НRЕF= "qгоир.htnl">Мої улюблені групи</А><ВR><ВR>

Створено Ігорем Шевченком

</ВODY>

</НТМL>

Відзначимо, що посилання поділяються на внутрішні й зовнішні. Перші вказують на сторінки, фізично розташовані на тому ж комп'ютері, а другі —на ресурси інших серверів. Набравши, наприклад, таке: <А НRЕF="httр://www/.zhurmаl.ги/mиsіс/rаstа/bq.html”>Акваріум</A>, ми дамо користувачам, які зацікавилися, можливість перейти на персональну сторінку Бориса Гребенщикова.

Але тут є ще один нюанс. Потрапивши на сто­рінку qгоир.html, відвідувач повинен мати можливість повернутися назад. Для цього в ній зручно створи­ти посилання:

<А НRF="іdех.html">Назад</А>

Результат:

<НТМL>

<НЕАD>

<ТІТLЕ>Групи</ТІТLЕ>

</НЕАD>

<ВОDY>

<СЕNТЕR><FОNТ SIZE=4 СОLОR="ВLUЕ">Мої улюблені музичні групи</FОNТ><ВR>

</СЕNТЕR><ІМG SRС="Іmаqеs/mиsіс.jрq"<ВR>

Воплі Відоплясова<ВР>

Аліса<ВР>

<В>Кіно</В><ВR>

<А НRЕF="http://www.zhигпа1.ги/musiс/гаsга/ bq.html"><I>Акваріум</І></А><ВR><ВR>

<FОNТ SIZЕ=2>Створено Ігорем Шевченком<ВР>

<А НRЕF="іdех.html">Назад</А></FОNТ>

</ВОDY>

</НТМL>

Зазначимо, що ці дві сторінки вже являють собою повнофункціональний Web‒сайт, з якого відвідувач може довідатися, які музичні групи вам подобаються. 1 все це — лише мала частка того, чого можна досягти.