Нумерованный список. Стилизация номеров строк (цифр) в упорядоченных списках ol Html элементы ol ul используются для создания

Разница лишь в том, что этот тег строго сделан для нумерации списков. Название тега пришло от английского сокращения "Ordered List" - нумерованный список.

Синтаксис тега

Элемент #1

Элемент #2

Элемент #3

...

Где атрибут type="value" может принимать следующие значения

A - задает маркеры в виде прописных латинских букв (A, B, C..);
a - задает маркеры в виде строчных латинских букв (a, b, c..);
I - задает маркеры в виде больших римских цифр (I, II, III, IV..);
i - задает маркеры в виде маленьких римских цифр (i, ii, iii, iv..);
1 (по умолчанию) - задает маркеры в виде арабских цифр (1, 2, 3..);

Атрибут start="value" задает начальное значение (стартовое значение) отчета.

Атрибут reversed задает обратный счет (в случае необходимости).

Тег

требует обязательного использования закрывающего тега

Для формирования элементов списка используется парный тег

. Между открывающим и закрывающим тегами располагаются отдельные слова, фразы, абзацы, изображения, куски кода и многое другое, являющееся содержимым маркированного списка.

Примечание
Внутри списка есть возможность изменять счет на свой. Для этого есть специальный атрибут value="" у тега
, которому присваивается какое-то числовое значение. Например
1. Элемент #1
2. Элемент #2
3. Элемент #3
Примеры с нумерованными списками в html (
Пример 1. Нумерованный список html в виде латинских букв

Пример с заглавными буквами
1. Элемент #1
2. Элемент #2
3. Элемент #3
1. Элемент #1
2. Элемент #2
3. Элемент #3
Пример со строчными буквами
1. Элемент #10
2. Элемент #11
3. Элемент #12
Вот как это выглядит на странице:
1. Элемент #1
2. Элемент #2
3. Элемент #3
Пример 2. Нумерованный список html в виде римских букв

Пример с заглавными буквами
1. Элемент #1
2. Элемент #2
3. Элемент #3
Вот как это выглядит на странице:
1. Элемент #1
2. Элемент #2
3. Элемент #3
Пример со строчными буквами
1. Элемент #1
2. Элемент #2
3. Элемент #3
Вот как это выглядит на странице:
1. Элемент #1
2. Элемент #2
3. Элемент #3
Пример 3. Нумерованный список html разная позиция старта

Пример, который показывает возможности атрибута start , который позволяет задавать стартовое значение счетчика.
1. Элемент #1
2. Элемент #2
3. Элемент #3
Вот как это выглядит на странице:
1. Элемент #1
2. Элемент #2
3. Элемент #3
Пример 4. Изменение счета в нумерованных списках html

Ниже представлен пример с возможностью менять значения счетчика с помощью атрибута value при выводе новых элементов в тегах
.
1. Элемент #1
2. Элемент #2
3. Элемент #3
4. Элемент #4
Вот как это выглядит на странице:
1. Элемент #1
2. Элемент #2
3. Элемент #3
4. Элемент #4
Пример 5. Реверсивный нумерованный список в html

Ниже приведен пример реверсивного нумерованного списка (счет в обратном порядке).
1. Элемент #1
2. Элемент #2
3. Элемент #3
4. Элемент #4
Вот как это выглядит на странице:
1. Элемент #1
2. Элемент #2
3. Элемент #3
4. Элемент #4
В языке HTML предусмотрен специальный набор тегов для представления информации в виде списков. Списки являются одним из наиболее часто употребляемых форм представления данных как в электронных документах, так и в печатных. Со списками мы встречаемся практически ежедневно, - это может быть список необходимых покупок в магазине, учеников в классе или просто дел, которые необходимо выполнить. Возможность организации списковых структур имеется во многих текстовых редакторах, в частности, мощный текстовый процессор Microsoft Word обладает удобными средствами форматирования списков различного вида (возможности создания HTML-списков при помощи Microsoft Word обсуждаются в главе 8). Приведем ряд случаев, для которых использование списков довольно удобно:
- Объединение фрагментов информации в единую структуру для придания удобочитаемого вида.
- Описание сложных пошаговых процессов.
- Расположение информации в стиле оглавления, пункты которого указывают на соответствующие разделы документа.
Заметим, что приведенные выше пункты как раз и организованы в виде списковой структуры.

В языке HTML предусмотрены следующие основные типы списков: маркированный, нумерованный и список определений. Для реализации списков различных типов используются следующие тэги: