HTML тег <ol> определяет упорядоченный список. Упорядоченный список может быть числовым или алфавитным.
Упорядоченный список
Упорядоченный список начинается с тега <ol>.
Каждый элемент списка начинается с тега <li>.
По умолчанию элементы списка будут помечены цифрами:
<ol>
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
Попробуйте сами »
HTML Нумерованный список - атрибут type
Атрибут type, тега <ol>, определяет тип маркера элемента списка:
| Тип | Описание |
|---|---|
| type="1" | Элементы списка будут пронумерованы цифрами (по умолчанию) |
| type="A" | Элементы списка будут пронумерованы прописными буквами |
| type="a" | Элементы списка будут пронумерованы строчными буквами |
| type="I" | Элементы списка будут пронумерованы прописными римскими цифрами |
| type="i" | Элементы списка будут пронумерованы строчными римскими цифрами |
Прописные римские цифры:
<ol type="I">
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
Попробуйте сами »
Строчные римские цифры:
<ol type="i">
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
Попробуйте сами »
Подсчет контрольного списка
По умолчанию упорядоченный список начинает отсчет с 1. Если вы хотите начать отсчет с указанного числа, вы можете использовать атрибут start:
<ol start="50">
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
Попробуйте сами »
Вложенные 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 Справочник тегов.