3.2 Списки

HTML підтримує декілька видів списків: ненумеровані, нумеровані, каскадні й списки визначень.

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

<UL>

<LI>список пунктів

</UL>

Н

<b>Приклад #1</b><br> HTML підтримує:

<UL>

<LI> ненумеровані списки;

<LI> нумеровані списки;

<LI> списки визначень.

</UL>

априклад, нижче наведений текст у вікні браузера буде мати такий вигляд (рис.21).

Для тегу <UL> ненумерованого списку додатково може бути використано атрибут TYPE=disc|circle|square, що задає мітку елемента списку диск, коло чи квадрат відповідно (див. приклад #4).

Нумерований список ідентичний ненумерованому списку, тільки замість < UL> вживають < OL>. Наприклад (рис.21),

Н

<b>Приклад #2</b><br> HTML підтримує:

<OL>

<LI> неупорядковані списки;

<LI> нумеровані списки;

<LI> каскадні списки.

</OL>

априклад, Текст:

За замовчуванням нумерація дається арабськими цифрами, починаючи з одиниці. Використовуючи атрибути команди <OL>, можна змінити стиль оформлення списку. Атрибут TYPE= “стиль” визначає стиль нумерації (див. приклад #5):

A – використати більші букви (латинські);

a – використати маленькі букви;

I – використати більші римські цифри;

i – використати маленькі римські цифри;

1 – використати арабські цифри.

Н

“…<b>Приклад #3</b><BR>HTML підтримує.

<OL type= a>

<LI> неупорядковані списки;

<LI> нумеровані списки;

<LI> каскадні списки.

</OL> ...”

априклад, текст:

У вікні браузера буде мати такий вигляд, як показано на рис.21.

Атрибут START=n визначає початкове значення списку (n – десяткове число). Приклад використання атрибута див. приклад #5.

Рисунок 21 – Неупорядковані та нумеровані списки

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

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

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

<B>Приклад #4:

Каскадні невпорядковані списки, наприклад </B><BR>

<UL>

<LI> Великі міста Росії:

<UL type=circle>

<LI> Москва;

<LI> Новосибірськ;

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

</UL>

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

<UL type=square>

<LI> Київ;

<LI> Харків;

<LI> Донецьк.

</UL>

</UL>

<B>Приклад #5:</B><BR> Каскадні нумеровані списки, наприклад

<OL>

<LI> Великі міста Росії:

<OL type=a>

<LI> Москва;

<LI> Новосибірськ;

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

</OL>

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

<OL type=a start=4>

<LI> Київ;

<LI> Харків;

<LI> Донецьк.

</OL>

</OL>

Рисунок 22 – Каскадні списки

Списки визначень задаються в такий спосіб:

<DL>

<DD> назва терміна

<DT> визначення терміна

</DL>

Наприклад (рис. 23),

Приклад #6

<b>Приклад #6</b><br>Списки визначень.

<DL>

<DT> Паралельні прямі

<DD>Дві прямі називаються паралельними, якщо вони на площині не перетинаються.

<DT> Перпендикулярні прямі

<DD>Дві прямі називаються перпендикулярними, якщо вони перетинаються під прямим кутом.

</DL>

Рисунок 23 – Список визначень