 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Гіпертекст
|
Читайте также: |
Посилання (гіперпосилання) – це можливість «зв'язати» будь-який фрагмент тексту (слово, фразу або цілий абзац), що знаходиться на даній сторінці, або малюнок з іншою Інтернет-сторінкою або файлом даних (наприклад, графічним файлом GIF або JPEG), так що при клацанні миші на такому тексті або малюнку користувач автоматично переходить на вказану до посилання сторінку.
- Гіпертекстові посилання серед інших елементів тексту виділяються кольором і підкресленням.
- Курсор миші на посиланні змінює свою форму і набуває вказую чого характеру.
- Для переходу по посиланню необхідно клацнути по ній мишею.
- Для повернення необхідно використовувати навігаційну кнопку браузера Назад (Back).
Якщо посилання утворюють довгий ланцюжок, то кнопки Назад і вперед можна використовувати для руху по пройденому посилальному шляху в обидві сторони. Вони працюють як традиційні операції «откатка» (відмінити) і «накатка» (повернути) в більшості прикладних програм.
Посилання можуть переводити не тільки в різні документи, але і завантажувати на екран фрагменти одного і того ж файлу. У останньому випадку навігаційні засоби браузера працюють так само.
4.1. Перехід усередині одного документа
Для завдання гіпертекстового переходу усередині документа використовують дві команди < A>. Перша команда з атрибутом href є джерелом переходу, друга з атрибутом name – приймачем.
| Загальний вид програми | Коментар |
| <A href=#мітка>текст</A> | Завдання переходу по мітці |
| . | На екран виводиться посилання: текст |
| . | |
| . | |
| <A name=мітка></A> | Мітка. Сюди браузер переходить згідно посиланню |
| . | На екрані нічого не відображається |
Для організації переходу усередині документа потрібно:
1. Вибрати ім'я для мітки:
· ім'я повинне бути унікальним в HTML-програмі. Це означає, що інших міток з таким ім'ям у файлі бути не повинно (коли однакових міток декілька, браузер виконує перехід на найпершу мітку);
· ім'я може заключатись в лапки;
· ім'я може складатися з будь-яких символів. У тому випадку, коли ім'я містить пропуски або ключові символи HTML, лапки обов'язкові.
2. Запрограмувати перехід по мітці.
У місці переходу потрібно написати команду < A href=#мітка>текст</A>.
Тут:
· # - ключовий символ;
· мітка – вибране ім'я для мітки;
· текст – запис, який виглядатиме на екрані браузера як посилання.
3. Встановити тег з міткою в потрібному місці HTML-програми.
Перед фрагментом HTML-программы, на якій повинен виконатися перехід, записати команду-мітку < A name=мітка></A>.
При цьому:
- ім'я мітки повинне бути те ж саме, що і в команді, яка задає перехід;
- парний тег < /A> може бути опущений;
- на екрані тег-метка < A name=метка> ніяких зображень не будує.
В результаті, при клацанні миші по тексту, розташованому усередині контейнера <A href=им’я_мітки></A>, браузер шукає в програмі мітку, ім'я який вказаний в атрибуті href, і показує на екрані те місце документа, в якому ця мітка розташована.
Приклад:
| <HTML> <HEAD> <TITLE>Перехід по міткам всередині одного документа</TITLE> <BODY leftmargin=300> <P>Перехід в <A href=#finish> кінець</A> документу. <HR> <H1>Заголовок 1</H1> <H2>Заголовок 2</H2> <H3>Заголовок 3</H3> <H4>Заголовок 4</H4> <H5>Заголовок 5</H5> <H6>Заголовок 6</H6> <P> Існує шість рівнів заголовків, які позначаються H1...H6. Заголовок рівня 1 найбільший, а рівень 6 забезпечує найменший заголовок. Шаблон дає уявлення про відносні розміри букв в заголовках. Для заголовків можна використовувати атрибут, що задає вирівнювання вліво, по центру або управо. <HR> <A name=finish> </BODY> <HTML> | 
|
4.2. Перехід до іншого документа (файлу)
Для того, щоб браузер завантажив в своє вікно новий HTML-документ, потрібно записати в програмі посилання за допомогою команди < A> з атрибутом href=имя_файла.
| Загальний вид програми | Коментар |
| . | Виконати файл им’я_файлу. На екран виводиться посилання: текст. При клацанні миші на посиланні браузер будує на екрані документ за програмою заданою у файлі им’я_файлу. |
| <A href=им’я_файлу>текст</A> | |
| . |
 |
Приклад:
| Doc1.htm <HTML> <HEAD> <TITLE>Файл з вопросом</TITLE> </HEAD> <BODY> <H1 align=center>Вопрос</H1> <HR> <P> Назвіть атрибут команди <A>, який використовується для завдання гіперпосилання. <P> <A href=./doc2.htm>Ответ</A> </BODY> </HTML> | Doc2.htm <HTML> <HEAD> <TITLE>Файл з ответом</TITLE> </HEAD> <BODY> <H1 align=center>Ответ</H1> <HR> <P> Для завдання гіперпосилання використовується атрибут href команди <A>. <P> <A href=./doc1.htm>Вернуться до вопросу</A> </BODY> </HTML> |
| 
|
4.3. Перехід до мітки іншого документа
Можна об'єднати ці методи і передати управління з одного документа до мітки усередині іншого.
| Загальний вид програми | Коментар |
| Перший HTML-файл . <A href=имя_файла#метка>текст</A> . | Приступити до показу фрагмента з міткою влучна у файлі имя_файла. На екран виводиться посилання: текст. |
| Другий HTML-файл . <A name=метка> . | При клацанні користувача на посиланні браузер будує на екрані документ за програмою, заданою у файлі имя_файла, починаючи з фрагмента з міткою влучна. |
|
Приклад:
| Doc3.htm <HTML> <HEAD> <TITLE>Зміст</TITLE> </HEAD> <BODY leftmargin=300> <H1 align=center> Афоризми </H1> <HR width-=200> <UL> <LI> <A href=./doc4.htm#1> Станіслав Єжи Лец</a> <LI> <A href=./doc4.htm#2> Сальвадор Далі</a> <LI> <A href=./doc4.htm#3> Ернест Хемінгуей</a> </BODY> </HTML> | Doc4.htm <HTML> <HEAD> <TITLE>Афоризми</TITLE> </HEAD> <BODY leftmargin=200> <A name=1> <H1 align=center> Станіслав Їжаки Лец </H1> <P align=center> Будь альтруїстом – поважай егоїзм інших. <HR> <P align=center> Могло бути гірше. Твій ворог міг бути твоїм другом. <HR> <P align=center>Оптимизм і песимізм розходяться тільки в точній даті кінця світу. <A name=2 <H1 align=center> Сальвадор Далі </H1> <P align=center>Якщо ти здатний на жорстокість, значить, здатний працювати. <HR> <P align=center> Коли генії перемруть, я залишуся в гордій самотності. <HR> <P align=center> Я не пихатий, навпаки, скромний. І якщо говорю, що я кращий за інших, то тільки тому, що вони зовсім погані. <HR> <P align=center> Різниця між мною і божевільним в тому, що я не божевільний. <A name=3> <H1 align=center> Ернест Хемінгуей</h1> <P align=center> Не судіть про людину по його друзях. Пам'ятайте, що друзі у Іуди були бездоганні. <HR> <P align=center> Письменник, якщо він справжній письменник, щодня повинен торкатися до вічності або відчувати, що вона проходить поряд з ним. </BODY> </HTML> |
| 
|
4.4. Імена файлів і посилання на них
Імена файлів з HTML-програмами мають розширення html або htm. Без необхідності позначення html краще не використовувати, оскільки не всі операційні системи розуміють 4 символи в розширенні імені файлу.
Імена для файлів завжди слід задавати осмислено. Коли файлів багато, порядок в іменах має особливе значення.
Якщо, наприклад, ваш багато файловий гіпертекст має ієрархічну структуру, слід прагнути в позначеннях застосовувати ієрархію. Так, основний файл із змістом можна назвати 00.htm (або index.htm). Файл з першим розділом – 01.htm. Коли розділи мають файли-параграфи їх імена виходять з імені розділу додаванням двозначного номера параграфа (приклад: файл 0205.htm описує побудову п'ятого параграфа другого розділу).
Браузер шукає файл в тому ж каталозі, що і файл, що містить посилання. Коли необхідно послатися на файл з іншого каталогу, можна:
- вказати в посиланні повний шлях до файлу, починаючи з імені дисковода;
- вказати в посиланні шлях по відношенню до файлу з посиланням.
Другий спосіб набагато кращий, оскільки дозволяє переносити ваш гіпертекст в інші каталоги і на інші комп'ютери без додаткових налаштувань.
Приклад:
С
BOOK
00.htm
02.htm
0201.htm
0202.htm
Послатися з файлу 00.htm на файл 02.htm:
- C:/BOOK/02/02.htm (аблосютная адресація).
- ./02/02/htm (відносна адресація).
Перший спосіб призводить до непереносимості вашого продукту. Варто перенести каталог, і посилання перестає працювати. Другий запис пропонує браузеру орієнтуватися на поточний каталог – про це говорить вказівка «./».
4.5. Перехід на інші ресурси
За допомогою команди < A> можна програмувати переходи на будь-які ресурси, доступні в мережі. Гіперзв'язок в HTML-документі є URL-адреса: спочатку записують умовне позначення протоколу, по якому доступний файл в Інтернеті, потім, через символи «://» - адреса сервера, на якому розташований файл, потім через символ «/» - місце розташування файлу на сервері:
Поиск по сайту: