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

Дата добавления: 2015-07-09; просмотров: 566; Нарушение авторских прав

Данный тип списка используется для форматирования перечня действий или элементов, последовательность которых имеет значение. Например, пошаговое описание выполнения некоторого алгоритма, содержание статьи или книги (пронумерованный перечень глав).

Нумерованный список создается точно так же, как и маркированный, только вместо элемента <ul> используется элемент <ol> - Ordered List, упорядоченный список.

Тип нуменации по умолчанию - арабские цифры (1,2,3...). Поменять способ нумерации можно, используя атрибут type, который может принимать следующие значения:

"1" - нумерация арабская: 1, 2, 3, ... 10, 11, ...
"A" - нумерация латинским алфавитом (верхний регистр): A, B, C, ... AA, AB, ...
"a" - нумерация латинским алфавитом (нижний регистр): a, b, c, ... aa, ab, ...
"I" - нумерация римскими цифрами (верхний регистр): I, II, III, IV, ...
"i" - нумерация римскими цифрами (нижний регистр): i, ii, iii, iv, ...

Пример использования:

Пример упорядоченного списка
<ol type="I"> <li>Элемент списка 1</li> <li>Элемент списка 2</li> <li>Элемент списка 3</li> <li>Элемент списка 4</li> <li>Элемент списка 5</li></ol>

Список можно начать не с "1" или "a", а, например и "3" или "c". Для этого используется атрибутstart. В качестве его значения используется число, задающее смещение номера первого элемента:

Пример использования:

<ol start="3" type="a"><li>Элемент списка 1</li> <li>Элемент списка 2</li> <li>Элемент списка 3</li></ol>

В результате получим список, имеющий нумерацию в виде малых латинских букв, начинающийся с номера "c" и продолжающийся "d", "e"и т.д.

Кроме того, нумерацию списка можно разорвать, а затем продолжить с любого номера. В этом случае используется атрибутvalue элемента списка li. Атрибут value записывается в том элементе, с которого требуется продолжить нумерацию:

Пример использования:

<ol type="1"> <li>Элемент списка 1</li> <li>Элемент списка 2</li> <li>Элемент списка 3</li> <br /> ... <li value="10">Элемент списка 4</li> <li>Элемент списка 5</li></ol>

Это может быть полезным, если необходимо разместить на странице общеизвестный список, такой как список дней недели или месяцев. Такой список не имеет смысла приводить полностью, достаточно указать несколько первых и несколько последних элементов.

<== предыдущая лекция	\|	следующая лекция ==>
Маркированные и нумерованные списки	\|	Свойство list-style-image