Нумеровані списки

ЛАБОРАТОРНА РОБОТА №2

Вивчення HTML тегів для створення списків та форм.

Мета роботи:

· вивчити та навчитись використовувати теги для створення списків

· вивчити та навчитись застосувати теги для створення форм

Теоретичні відомості:

Списки бувають

нумеровані(теги <ol> <li> <li> </ol> )

марковані(теги <ul> <li> <li> </ul> )

визначень(теги <dl> <dt> </dt> <dd> </dd> </dl> )

вкладені(використання тегів нумерованих і маркованих списків вкладених одні в одні)

Нумеровані списки

Такий список є переліком "пронумерованим" яким-небудь чином. Це можуть бути арабські цифри, цифри римського алфавіту або букви|літери|.

Щоб вказати браузеру, що список буде нумерованим, використовуються теги <ol></ol>. Увесь список розташовується між цими тегами і|та| кожен його пункт задається тегами <li></li>.

Приклад|зразок| коду для нумерованого списку:

<ol>

<li>книги</li>

<li>зошити</li>

<li>олівці</li>

</ol>

Результат

1. книги
2. зошити
3. олівці

тег <ol> має атрибути

type – атрибут за допомогою якого можна змінити нумерацію. По замовчуванню нумерація ведеться арабськими числами.

- - type="A"| - нумерація заголовними латинськими буквами|літерами| (A, B, C).

- - type="a"| - нумерація прописними латинськими буквами|літерами| (a, b, c).

- - type="I"| - нумерація великими римськими цифрами (I, II, III).

- - type="i"| - нумерація маленькими римськими цифрами (i, ii, iii).

start - Якщо нам треба почати нумерацію не з одиниці, то слід використовувати параметр start, як значення якого вказується|указує| число, з якого починатиметься список (якщо нумерація задається за допомогою букв|літер|, то це число вказуватиме|указуватиме| на позицію в алфавіті).

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

Приклад з використанням всіх атрибутів нумерованих списків

<ol type="I" start="3">

<li>білий</li>

<li>рожевий</li>

<li>червоний</li>

<br>...............

<li value="7">фіолетовий</li>

</ol>

Результат

ІІІ. білий

ІV. рожевий

V. червоний

...............

VII. фіолетовий