4) Вкладені списки

Списки можуть бути довільно вкладені, хоча розумніше було б практично обмежитися трьома рівнями вкладених списків.

Приведемо приклад вкладених списків:

<UL>

<LI> Крупні міста Росії:

<UL>

<LI> Москва

<LI> Санкт-Петербург

</UL>

<LI> Великі міста України:

<UL>

<LI> Київ

</UL>

</UL>

що дає на екрані:

• Крупні міста Росії:

  • Москва

  • Санкт-Петербург

• Крупні міста України:

  • Київ

2. Цитати

Використовуючи < BLOCKQUOTE>, можна включити в текст окрему цитату. Більшість browsers відокремлюють таку цитату від навколишнього тексту. Наприклад:

<BLOCKQUOTE>

Для того, щоб перейти в інший каталог на тому ж диску, можна натиснути комбінацію клавіш [Alt-F10]. Після цього на екрані зображається дерево каталогів на диску. Клавішами переміщення курсора слід виділити потрібний каталог і натиснути

[Enter]. <P>

Можна також набрати перші букви імені того каталога, в який треба перейти.

Total Commander постарається сам виділити потрібний каталог. <P>

</BLOCKQUOTE>

Для того, щоб перейти в інший каталог на тому ж диску, можна натиснути комбінацію клавіш [Alt-F10]. Після цього на екрані зображається дерево каталогів на диску. Клавішами переміщення курсора слід виділити потрібний каталог і натиснути [Enter].

Можна також набрати перші букви імені того каталога, в який треба перейти. Total Commander постарається сам виділити потрібний каталог.

3. Адреси

< ADDRESS> використовується, щоб визначити автора документа і способи контакту з ним (наприклад, e-mail адреса). Звичайно це останній пункт у файлі.

Наприклад, останній рядок цього документа виглядає:

<ADDRESS> Вступ у HTML/ НДІЯФ МДУ/ lenka@srdlan.npi.msu.su </ADDRESS>

Що дає на екрані:

Вступ до HTML/ НДІЯФ МДУ/ lenka@srdlan.npi.msu.su

Увага: <ADDRESS> не використовується для поштової адреси.

4. Горизонтальна лінія

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

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

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

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

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

<IMG SRC=image_URL>

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

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

Форматування положення малюнка задається включенням в гіперпосилання пункту "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":

6. Зовнішні малюнки, звуки і мультиплікація

Якщо Ви не хочете, щоб малюнок уповільнював завантаження основного WWW-документа, Ви можете помістити малюнок в окремий документ, написавши на нього гіперпосилання. В цьому випадку користувач сам повинен вирішити - дивитися чи дивитися йому цей малюнок:

<A HREF = image_URL>Тут</A> Ви можете побачити малюнок.

Тут Ви можете побачити малюнок.

7. Накладення різних стилів

Розглянемо наступний рядок HTML-документа:

<B> Це приклад <DFN> накладання стилів </B> в HTML-документі</DFN>

Слова "накладення стилів" визначені одночасно як <B> і <DFN>. Як реагуватимуть на це browser? Очевидно, що різні browser’и - по різному, і передбачити, яким насправді побачить Ваш текст користувач, не можна. Тому рекомендуємо Вам уникати такого накладення стилів.

Різні стилі усередині гіперпосилання

Можна використовувати гіперпосилання усередині рядка заданого стилю:

<H1><A HREF = " begth_r1.html "> Введення в HTML </A></H1>

Але не можна змінювати стиль усередині гіперпосилання:

<A HREF = " begth_r1.html "> <H1> Введення в HTML </H1> </A>

Помилкове посилання

Коли Ви описуєте посилання <IMG> на малюнок, якого не існує, він замінюється фіктивним зображенням. Перевірте, що малюнок існує, що в гіперпосиланні вказаний правильний, і що у користувачів є права на використання цього файлу.

Довший приклад

Розглянемо довший приклад HTML-документа:

<HEAD>

<TITLE> ; Більш довгий приклад</TITLE>

</HEAD>

<BODY>

<H1> Більш довгий приклад </H1>

Це простий HTML-документ. Це перший абзац. <P>

Це другий абзац, він демонструє деякі можливості HTML по виділенню слів.

Це слово написане <I> нахиленим </I> шрифтом. Це слово написане

<B>потовщеним</B> шрифтом.

Тут Ви можете побачити картинку:

<IMG SRC="/pics/digest/LOGO.GIF"><P>

Це третій абзац, він демонструє використання гіперпосилань.

Це гіперпосилання на файл minihtml.html, простий приклад HTML-документа, що містить:

<A HREF="minihtml.html">Приклад HTML-тексту</A>.<P>

<H2>Заголовок другого уровня</H2>

Подальший текст буде написаний шрифтом фіксованої ширини: <P>

<PRE> On the stiff twig up there Hunches а wet black rook Arranging and rearranging its feathers in the rain ...

</PRE>

Це ненумерований список, що складається з двох елементів: <P>

<UL>

<LI> смородина

<LI> чорниця

</UL>

Кінець документа. <P>

<ADDRESS> Elena G. Koroteyeva (lenka@srdlan.npi.msu.su) </ADDRESS>

</BODY>