logo
ІНТЕРНЕТ В БІЗНЕСІ

2.10. Списки в html документі

У мові HTML підтримуються нумеровані й маркіровані списки, а також списки визначень. Усі типи списків допускають вкладеність. Аналогічно таблицям, списки створюються в тілі HTML-документа.

Нумерований список починається з відкриваючого дескриптора <ol>, за яким ідуть елементи <li></li>. Приклад списку показаний на рис. 9.

Рис. 9. Створення нумерованого списку в HTML-документі

Якщо до тегу <ol> застосовується таблиця стилів, то елементи <li> успадковують ці властивості. Атрибути дескриптора <ol> дозволяють управляти відображенням нумерованого списку:

<ol type="A | a | I | i | 1">...</ol>

Нумеровані списки являють собою набір елементів з їхніми порядковими номерами. Вид і тип нумерації залежить від параметрів тегу <ol>, який і використовується для створення списку. У якості маркерів можуть бути наступні символи:

• заголовні латинські букви;

• рядкові латинські букви;

• заголовні римські цифри;

• рядкові римські цифри;

• арабські цифри.

За замовчуванням у нумерованих списках використовуються арабські цифри.

<ol start="число">

<li>Елемент списку</li>

</ol>

Атрибут start встановлює номер, з якого буде починатися список. При цьому не має значення, який тип списку встановлений за допомогою type, параметр start однаково працює й з римськими й з арабськими числами.

Пункти маркованого списку позначаються маркерами. За замовчуванням маркери відображаються у вигляді кіл, зафарбованих чорним кольором. Маркований список починається з дескриптора <ul>, за яким ідуть елементи <li>. Якщо до тегу <ul> застосовується таблиця стилів, то елементи <li> успадковують ці властивості. Для того щоб змінити форму маркера, треба в дескрипторі <li> задати атрибут type. Для маркірованого списку маркери можуть приймати один із трьох видів: кружок (disc), окружність (circle) і квадрат (square):

<ul type="disc | circle | square">...</ul>.

Приклад маркованого списку зображено на рис. 10.

Рис. 10. Створення маркованого списку в HTML-документі

Список визначень - це перелік термінів, за якими йде їх опис. Список визначень форматується в такий спосіб: термін починається з початку рядка, а в наступному рядку з відступом від лівого краю розташовується опис терміну.

Список визначень починається з відкриваючого дескриптора <dl>, за яким ідуть пункти списку, обумовлені за допомогою дескрипторів <dt> і <dd>; <dt> формує термін, a <dd> - опис (рис. 11).

Рис. 11. Створення списку визначень