Звернення до певних розділів інших документів

Гіперпосилання можуть також використовуватися для з’єднання з певними розділами документів. Припустимо, ми хочемо з’єднати документ А з першим розділом документа В, для чого нам необхідно створити іменоване гіперпосилання в документі B.

Тут ви можете побачити <A NAME = "Розділ 1">Главу 1</a>

Текст першого розділу.

Тепер, описуючи посилання в документі A, треба включити не тільки ім’я файлу "documentB.html" але також і ім’я гіперпосилання, відокремлюване символом (#):

Тут ви можете побачити текст<A HREF = "documentB.html#Глава1"> Глави 1 </A> документа B.

Тепер "кликнувши" в слово "Глава 1" в документі А, ви переходите безпосередньо в Розділ 1 в документі B.

З’єднання з розділами поточного документа

Техніка з’єднання аналогічна описаною вище, тільки опускається ім’я файлу. Ось, наприклад, зв’язок з Розділом 1 усередині того ж самого файлу (Документ B)

Це <A HREF = "#Глава1">Глава 1</A> поточного документа.

Тема 36. Використання списків при створенні Web-сторінок.

Є три типи списків: ненумерований, нумерований, означення. Список може мати заголовок, який охоплюють тегами <LH>...</LH>, наприклад, <UL>Це заголовок списку</UL>.

Ненумерований список утворюють за допомогою парного тега <UL> ...</UL> і одинарних тегів <LI>, наприклад, так:

<LH> Мої улюблені предмети:</LH>

<UL>

< LI >інформатика

< LI >математика

< LI >англійська мова

< LI >історія

</UL>

На екрані отримаємо:

Мої улюблені предмети:

• інформатика

• математика

• англійська мова

• історія

Нумерований список створюють за допомогою парного тега <OL>...</OL> з необов'язковим параметром TYPE і одинарних тегів <LI>, наприклад, так:

<LH> Мої улюблені предмети:</LH>

<OLTYPE="1">

< LI >Інформатика

< LI >Англійська мова

< LI >Історія

</OL>

На екрані отримаємо:

Мої улюблені предмети:

1. Інформатика

2. Англійська мова

3. Історія

Значення "і" чи "І" параметра TYPE задає нумерацію римсь­кими малими (і, іі, Ні, iv,...) чи великими (І, II, III, IV, ...) цифрами, а значення "а" чи "А" — латинськими малими (a, b, c, d, ...) чи великими (А, В, С,...) буквами.

Тема 37. Розміщення малюнків на Web-сторінках. Горизонтальна лінія

Використовуючи <HR> Ви можете розділити текст горизонтальною межею:

Цей текст зверху від лінії.

Цей текст знизу від лінії.

Внутрішні малюнки

Більшість Web browsers можуть показувати малюнки X Bitmap (XBM) або GIF формату разом із текстом.

Оскільки кожен малюнок займає багато часу на відображення на екрані (що уповільнює показ документа) те ми не рекомендуємо Вам включати дуже велику кількість або надмірно великі за розміром малюнки у Ваш HTML-документ.

Щоб включити малюнок, треба описати гіперпосилання на нього:

<IMG SRC=image_URL>

де image_URL - URL .gif або .xbm файлу, що містить малюнок. Таким чином, синтаксис посилання на малюнок аналогічний синтаксису гіперпосилання HREF.

Автоматично, малюнок вирівнюється по нижньому краю супроводжуючого його тексту, але Ви можете задавати взаємне розташування малюнка і тексту:

- це вирівнювання по нижньому краю (робиться browser за умовчанням).

- це вирівнювання по верхньому краю.

Форматування положення малюнка задається включенням в гіперпосилання пункту "ALIGN = ":

<IMG ALIGN=top SRC=image_URL>

Також можливі типи вирівнювання:

ALIGN = MIDDL

ALIGN = CENTER

Якщо Browsers не підтримує малюнки?

Деякі WWW-browsers, (наприклад, використовувані на VT100-терміналах) не можуть показувати малюнки. Такі користувачі зможуть побачити тільки текст, заданий в пункті гіперпосилання "ALT = ". Супровідний текст повинен бути охоплений лапками. Наприклад:

<IMG SRC="/pics/digest/LOGO.GIF" ALT = "logo.gif" >

В цьому випадку користувач lynx побачить тільки текст "logo.gif":