HTML Упорядоченные списки
HTML тег <ol> определяет упорядоченный список. Упорядоченный список может быть числовым или алфавитным.
Упорядоченный HTML список
Упорядоченный список начинается с тега <ol>. Каждый элемент списка начинается с тега <li>.
Элементы списка по умолчанию будут обозначены цифрами:
Упорядоченный HTML список - Атрибут type
Атрибут type тега <ol> определяет тип маркера элемента списка:
| Тип | Описание |
|---|---|
| type="1" | Елементы списка будут нумерованы цифрами (по умолчанию) |
| type="A" | Элементы списка будут нумерованы большими буквами |
| type="a" | Элементы списка будут нумерованы маленькими буквами |
| type="I" | Элементы списка будут нумерованы большими римскими цифрами |
| type="i" | Элементы списка будут нумерованы маленькими римскими цифрами |
Большие буквы (в верхнем регистре):
<ol type="A">
<li>Кава</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
Попробуйте сами »
Маленькие буквы (в нижнем регистре):
<ol type="a">
<li>Кава</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
Попробуйте сами »
Большие римские цифры (в верхнем регистре):
<ol type="I">
<li>Кава</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
Попробуйте сами »
Маленькие римские цифры (в нижнем регистре):
<ol type="i">
<li>Кава</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
Попробуйте сами »
Подсчет контрольного списка
По умолчанию упорядоченный список начнёт отсчет с 1. Если вы хотите начать отсчет от определённого числа, вы можете использовать атрибут start:
Вложенные HTML списки
Списки могут быть вложенными (список внутри списка):
Пример
<ol>
<li>Кава</li>
<li>Чай
<ol>
<li>Чорний чай</li>
<li>Зелений чай</li>
</ol>
</li>
<li>Молоко</li>
</ol>
Попробуйте сами »
Примечание: Элемент списка (<li>) может содержать новый список и другие элементы HTML, такие, как изображение и ссылки.
Резюме
- Используйте HTML элемент
<ol>для определения упорядоченного списка - Используйте HTML атрибут
typeдля определения типа нумерации - Используйте HTML элемент
<li>для определения элемента списка - Списки могут быть вложенными
- Элементы списка могут содержать другие элементы HTML
HTML Теги списка
| Тег | Описание |
|---|---|
| <ul> | Определяет неупорядоченный список |
| <ol> | Определяет упорядоченный список |
| <li> | Определяет элемент списк |
| <dl> | Определяет список описаний |
| <dt> | Определяет термин в списке описаний |
| <dd> | Описывает термин в списке описаний |
Для получения полного списка всех доступных HTML тегов посетите HTML Справочник тегов на нашем сайте W3Schools на русском.
