1. На файл;

2. на деяке місце на певній сторінці: початок сторінки (top), кінець сторінки (bottom), позначений текст.

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

Гіперпосиланням може бути текст або картинка.

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

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

У наслідок цього на web-сторінці слово Світлана буде підкреслене і зображене іншим кольором.

Параметри LINK, VLINK, ALINK тега BODY. Колір гіперпосилання визначають у тезі BODY параметрами:

LINK ="колір"	Колір гіперпосилання
VLINK=''колір"	Змінює колір гіперпосилання після першого його використання
ALINK = "колір"	Змінює колір активізованого гіпер­посилання

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

<А HREF = "newinf.htm">

<IMG SRC = "svitlana.gif" BORDER =8 >

</A>

Клацнувши на web-сторінці на фотографії Світлани, від­криємо файл newinf.htm з додатковою інформацією про неї.

Будь-яку піктограму (картинку) можна вставити авто­номно чи як гіперпосилання, оскільки вона зберігається та­кож у графічному файлі.

Інший тип гіперпосилань - посилання в межах сто­рінки. Насамперед потрібно позначити місце на сторінці, куди відбуватиметься перехід. Якщо з деякого місця перехід має виконуватися на початок сторінки, то в те місце html-файлу, що відповідає точці посилання, вводять тег, який називається якорем:

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

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

<А NAME="#кінець"></А>.

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

<А NAME="#моя позначка"></A>.

Тепер на сторінці розміщують гіперпосилання на створені позначки (якори) так:

<А HREF= "#початок" або "#кінець" або "#моя позначка">

текст гіперпосилання </А>.

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

Наприклад.

<HTML> <HEAD>

<ТІТLЕ>Внутрішні посилання</ТІТLЕ>

</HEAD> <BODY>

<H1> Джон P.P. Толкієн. "Дві твердині"</Н1> <Н2>Утримання</Н2>

<А href="#глав1">Розділ 1. Богомира</А> <BR>

<А href ="#глав2">Розділ 2. Кіннотники Рістанії</А> <ВR>

<А href ="#главЗ">Розділ 3. Урукхай </А>

<Н2> <А name="глав1">Розділ 1. Відплиття Богомира</А></Н2>

Арагорн біг крутою тропою, вдивляючись у землю.

<!-Далі йде текст глави->

<Н2><А name="глав2">Розділ 2. Кіннотники Рістанії </А></Н2>

Сутеніло. Позаду, у лісистих підніжжях…..

<!-Далі йде текст глави->

</BODY>

</HTML>

4. Вставляння звуку і відеозображення. Важливо пам'я­тати, що звукові файли мають розширення назв au, wav, mid, midi, ra, а відеофайли - avi, vivo, mpeg. Щоб вставити звук чи відео, достатньо як значення параметра HREF у тезі гіперпосилання задати шлях до відповідного звукового чи відео файлу, який вже є на диску, наприклад, так:

Тепер <А HREF="mysound.wav">

послухайте мене (150К) </А>.

Текст «послухайте мене (150К)» стане гіперпосиланням, клацнувши на якому можна почути привітання, застереження, деяку інформацію, яка була заздалегідь записана, наприклад, за допомогою програми Фонограф у файл "mysound.wav" обся­гом 150 Кбайт. Оскільки звукові та відеофайли завантажу­ються довго, рекомендують зазначати у гіперпосиланнях їхні обсяги в кілобайтах.

Щоб звуковий чи відеоефект повторювався декілька разів, у тезі <А> використовують параметр LOOP=n, де п - кількість повторень.

Щоб звук з деякого файлу пролунав у момент запуску сторінки, потрібно використати тег <BGSOUND SRC = "адре­са звукового файлу" >.

Інший спосіб - використайте тег <EMBED SRC="адреса звукового файлу"> і, крім звукового ефекту, отримаєте на ек­рані магнітофонну панель для регулювання тривалості й сили звуку, припинення звучання, продовження тощо.

5. Поняття про динамічні ефекти. Динамічними назива­ються ефекти, коли графічні зображення на web-сторінці змі­нюються з часом, елементи сторінки змінюють розміри або навіть свій зміст після клацання над ними мишею, текст "бі­жить" уздовж екрана тощо.

Розглянемо ефект рухомого тексту у смузі, що має висо­ту HEIGHT ="висота в пікселях" і тло BGCOLOR ="колір тла". Ефект створюється за допомогою парного тега <MARQUEE>...</MARQUEE>, а саме:

<MARQUEE BGCOLOR="green" HEIGHT = 40> Хай завжди буде coнце!</MARQUEE>

Текст "Хай завжди буде сонце!" буде рухатись в смузі справа наліво, заходитиме за край екрана і з'являтиметься справа. Цей тег варто застосовувати до заголовків сторінки.

Контейнер <MARQUEE> має атрибути:

WIDTH і HEIGHT— ширина й висота області в пікселях чи відсотках;

ALIGN=(LEFT, RIGHT, CENTER, BOTTOM, TOP, MIDDLE)- вирівнювання відносно тексту сторінки;

BEHAVIOUR = (SCROLL, ALTERNATE, BOUNCE, SLIDE) - порядок переміщення тексту;

DIRECTION=(LEFT, RIGHT) - напрям руху;

BGCOLOR - колір тла;

HSPACE і VSPACE- розміри у пікселях по­рожнього простору навколо області рядка;

LOOP - число повторень переміщення тексту;

SCROLLAMMOUNT- віддаль у пікселях між послідовними фрагментами;

SCROLLDELAY - час у мілісекундах між по­казами тексту.

Ефект відбивання від країв екрана забезпечує параметр BEHAVIOR = "alternate", а зупинити рядок біля лівого краю екрана може значення цього параметра "slide".

Значення "right" параметра DIRECTION забезпечить ефект руху у протилежний бік.

Обмеження кількості проходів задається параметром LOOP= n, де п - кількість проходів.

Смугу можна відцентрувати за допомогою параметрів HSPASE і VSPACE.

Швидкість руху задає параметр SCROLLAMOUNT= n, де п — конкретне значення, яке вибирають з діапазону від 1 (повільно) до 10 (швидко).

Наприклад.

<HTML>

<HEAD><TITLE> Рухомий рядок</TITLE></HEAD>

<BODY BGCOLOR=BLUE>

<B><FONT COLOR=WHITE> Текст попереду Текст попереду Текст попереду Текст попереду <BR>

<MARQUEE WIDTH=100 HEIGHT=20 ALIGN=RIGHT BEHAVIOUR=ALTERNATE DIRECTION=RIGHT BGCOLOR=YELLOW HSPACE=10 VSPACE=0 LOOP=5 SCROLLAMMOUNT=20 SCROLLDELAY=50>

<FONT COLOR=RED>Вовка ноги годують</FONT> </MARQUEE>

Текст позаду </FONT></BODY>

</HTML>