Лекція 9. ГІПЕРТЕКСТОВІ ПОСИЛАННЯ
Лекція 9. ГІПЕРТЕКСТОВІ ПОСИЛАННЯ
Гіпертекстовий документ – це документ, який містить пов`язані посилання (гіпертекстові посилання) на інші документи, дозволяючи здійснювати переходи між ними за допомогою натискання курсором мишки на гіперпосиланні.
Гіпертекстове посилання складається з двох частин: вказівника і адресної частини (URL). Вказівник – текст (або графічне зображення), на якому користувач повинен клацнути для того, щоб перейти в інше місце. URL – вказує
адресу, з якої браузер буде завантажувати документ, коли користувач підведе до неї вказівник і натисне кнопку мишки. Текстові вказівники, як правило, підкреслені і виділені кольором.
Щоб дізнатись, чи є елемент сторінки гіпертекстовим посиланням, слід підвести до нього вказівник мишки. Якщо вказівник набере вигляду долоні, елемент є посиланням.
Будь-який текст може бути гіпертекстовим вказівником в HTML, незалежно від його розмірів або використаного форматування.
Формат адресного вказівника:
<A HREF= “URL”>текст вказівника</A>
Літера А у тегу <A HREF> означає вказівник (anchor), а HREF – “гіпертекстове посилання” (Hypertext REFerence).
Між початковим і кінцевим тегами знаходяться текст вказівника або зображення, які є гіпертекстовим посиланням на документ (або область документа), казаний у значенні <A HREF= “URL”>.
Можливі значення:
http://... - створює посилання на WWW-документ;
ftp://... - створює посилання на ftp-сайт або розташований на ньому файл.
Якщо тип з’єднання і адреса машини не вказані, відправною точкою є адреса поточного документа. Це дозволяє використовувати відносні посилання. Наприклад, посилання <A HREF = “docs/title.htm”> Документація </A> зроблене на файл title.htm у папці docs.
ПРИКЛАД (поєднання гіпертекстовими посиланнями двох файлів)
1.Створити файл 1.htm:
<HTML>
<HEAD>
<TITLE>Моя перша HTML-сторінка</TITLE>
</HEAD>
<BODY>
<H1 ALIGN=CENTER>
НАРОДНІ ВІРУВАННЯ, ДЕМОНОЛОГІЯ, КОСМОГОНІЯ</H1>
<A HREF= “2.htm”>Українська міфологія</A>
</BODY>
</HTML>
2.Створити файл 2.htm:
<HTML>
<HEAD>
<TITLE>Пов’язана сторінка</TITLE>
</HEAD>
<BODY>
<H3 ALIGN=CENTER>Українська міфологія</H3>
<P ALIGN=JUSTIFY>
Українська міфологія як сукупність переказів про живу й неживу природу та людину розвивалася на основі давньої загальнослов’янської міфології. В українській міфології у художньо-образній формі знайшли поєднання реальні знання з фантастично-релігійними елементами та повір’ями.
</P>
<A HREF=”1.htm”>На початкову сторінку</A>
</BODY>
</HTML>
Відображення файлів програмою-браузером:
Файл 1.htm
|
|
Гіпертекстові посилання можуть існувати в межах одного документа, тобто бути внутрішніми. Цей тип посилань застосовується для зручності переходів у межах документа. Для цього необхідно задати імена тих областей документа, на які необхідно послатись.
Атрибут NAME – позначає область документа, яка знаходиться між початковим і кінцевим тегами як можливий об’єкт для посилання. Значенням NAME може бути написане латиницею будь-яке слово-вказівник, унікальне для даного документа.
Наприклад:
<A NAME=”part”>Розділ 1</A>.
Тепер можна посилатись на цю зону простим вказуванням її імені після імені документа.
Наприклад, посилання <A HREF=”document.html#part”>Розділ 1</A>
відправляє користувача у розділ “part” файлу document.htm, а посилання
<A HREF=”#bottom”>В кінець документа</A> - у розділ “bottom” поточного документа.
При переході за гіперпосиланням, застосованим до певної частини документа, зміст цієї частини з’являється, починаючи з початку вікна.
ПРИКЛАД
Доповнити зміст файлу 2.htm і виконати його розбиття на розділи:
<HTML>
<HEAD>
<TITLE>Пов’язана сторінка</TITLE>
</HEAD>
<BODY>
<A NAME=”part”>Зміст</A><BR>
<A HREF=”2.htm#part1">Розділ 1. Українська міфлогія</A><BR>
<A HREF=”2.htm#part2">Розділ 2. Космогонічні уявлення</A><BR>
<P ALIGN=CENTER><A NAME=”part1" >Розділ 1</A>
<H3 ALIGN=CENTER>Українська міфологія</H3>
<p align=justify>Українська міфологія як сукупність переказів про живу й неживу природу та людину розвивалася на основі давньої загальнослов’янської міфології. В українській міфології у художньо-образній
формі знайшли поєднання реальні знання з фантастично-релігійними елементами та повір’ями. В цілому українська міфологія аналогічна міфології інших країн світу, проте вона має виразний національний колорит і художньо-
образну своєрідність. В українській міфологічній традиції багато уваги приділялося природним стихіям, явищам оточуючого світу, різноманітним життєвим випробуванням, з якими зустрічається людина.</p>
<A HREF=”2.htm#part”>повернутись до змісту</A><BR>
<P ALIGN=CENTER><A NAME=”part2">Розділ 2</A><BR>
<H3 ALIGN=CENTER>Космогонічні уявлення</H3>
<P ALIGN=JUSTIFY>Система народних міфологічних вірувань та поглядів на сутність і походження небесних тіл Сонячної системи та зірок. Традиційні погляди українці на походження землі мають виразне християнське забарвлення - вона створена Богом із грунту, добутого з морського дна. Такими ж загальнопоширеними є уявлення про форму Землі, яка мислилася плескатою та округлою, прикритою зверху небесним дахом. Уявлення українців про небесні світила значною мірою зберегли архаїчні язичницькі елементи. У побутових оповідях, обрядах присутні елементи міфів та символіки, в яких виразно проглядаються залишки культу Сонця. Аналогічними є уявлення українців про Місяць як “божу силу”, від якої залежить людське життя. До Місяця зверталися із замовляннями, прохаючи допомоги. <BR>
<A HREF=”2.htm#part”>повернутись до змісту</A><BR>
<P ALIGN=RIGHT><A HREF=”1.HTM”>На початкову сторінку</A>
</BODY>
</HTML>
|
Гіперпосилання може бути у вигляді графічного зображення:
<A HREF= “URL”> <IMG SRC=”адреса файла”></A>
ПРИКЛАД (посилання на адресу в мережі Internet)
Файл у форматі HTML:
<HTML>
<HEAD>
<TITLE>Моя перша HTML-сторінка</TITLE>
</HEAD>
<BODY>
<P ALIGN=CENTER>
<B>УКРАЇНСЬКА МИНУВЩИНА </B><BR>
<I>Етнографічний довідник</I><BR>
<U>До читача</U>
</P>
<P ALIGN=RIGHT>
По додаткову інформацію за цією темою звертатись: <BR><A HREF= “http://www.e-helper.tk”> <I> бібліотека Лекцій
</I></A></P>
</BODY>
</HTML>
Відображення файлу програмою-браузером:
У тегу <BODY> можуть визначатись колір тексту гіпертекстового вказівника, в тому числі і того, за яким вже було здійснено переходи.
Атрибути тегу <BODY> :
LINK Задає колір тексту, який є вказівником гіпертекстового посилання.
Наприклад: <BODY LINK= # FF1493> ALINK Задає колір вказівника активного посилання
VLINK Задає колір тексту вказівників посилань, за якими вже були здійснені переходи
Гіперпосилання може бути у вигляді графічного зображення. В цьому випадку замість тексту вказівника необхідно зазначити адресу файла, який містить графічне зображення:
<A HREF= “URL”> <IMG SRC=”адреса файла”></A>
Питання, пов’язані з використанням графічних зображень, будуть розглянуті у наступній лекції.