Створення нумерованих списків

Нумеровані списки – корисний інструмент подавання елементів даних, які повинні слідувати у визначеному порядку (наприклад, в інструкціях або змісті).

Для створення нумерованих списків використовують два основних дескриптори – < OL > < LI >. Тегом <OL> відмічається початок тексту списку в цілому, а тег <LI> служить для позначення початку кожного окремого елемента списку. По замовчуванню елементи списку позначаються порядковими номерами 1.2,3 і т.д.

Наприклад,

<BODY>

<H3>ЗМІСТ</H3>

<OL>

<LI>Основи Web-дизайну </LI>

<LI>Форматування тексту </LI>

<LI>Вставляння графічних зображень </LI>

<LI>Робота з графікою </LI>

<LI>Створення гіперпосилань </LI>

<LI>Побудова таблиць </LI>

<LI>Створення форм </LI>

<LI>Проектування фреймів </LI>

</OL>

</BODY>

відобразиться браузером:

ЗМІСТ

1. Основи Web-дизайну

2. Форматування тексту

3. Вставляння графічних зображень

4. Робота з графікою

5. Створення гіперпосилань

6. Побудова таблиць

7. Створення форм

8. Проектування фреймів

Атрибут TYPE дозволяє змінити стиль подання номерів списку. Щоб змінити тип стилю нумерації, потрібно у тілі дескриптора <OL> ввести атрибут TYPE=”?”, замінивши? одним із значень стилю нумерації поданих у таблицш

Таблиця стилів нумерації

Значення	Приклад
А	A,B,C…
а	a,b,c…
І	I,II,III,IV…
і	i,ii,iii…
	1,2,3…

Наприклад,

<BODY>

<H3>ЗМІСТ</H3>

<LI>Основи Web-дизайну </LI>

<LI>Форматування тексту </LI>

<LI>Вставляння графічних зображень </LI>

<LI>Робота з графікою </LI>

<LI>Створення гіперпосилань </LI>

<LI>Побудова таблиць </LI>

<LI>Створення форм </LI>

<LI>Проектування фреймів </LI>

</OL>

</BODY>

відобразиться браузером:

ЗМІСТ

I. Основи Web-дизайну

II. Форматування тексту

III. Вставляння графічних зображень

IV. Робота з графікою

V. Створення гіперпосилань

VI. Побудова таблиць

VII. Створення форм

VIII. Проектування фреймів

Атрибути START і VALUE дозволяють змінити порядок нумерації списку. START дає можливість вибрати номер початкового елемента списку, відмінний від 1, а VALUE – примусово призначити будь-якому елементу необхідний номер.

Наприклад,

<BODY>

<H3>Розділи, які необхідно знати для створення сайту</H3>

<LI>Форматування тексту </LI>

<LI>Вставляння графічних зображень </LI>

<LI>Робота з графікою </LI>

<LI>Створення гіперпосилань </LI>

<LI VALUE =”7”>Створення форм </LI>

<LI>Проектування фреймів </LI>

</OL>

</BODY>

відобразиться браузером: