Є три типи списків: ненумерований, нумерований, означення. Список може мати заголовок, який охоплюють тегами <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":