Упорядоченные списки HTML
Тег HTML <ol>определяет упорядоченный список. Упорядоченный список может быть числовым или алфавитным.
Упорядоченный список HTML
Упорядоченный список начинается с <ol>тега. Каждый элемент списка начинается с <li>тега.
По умолчанию элементы списка будут отмечены цифрами:
Пример
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Упорядоченный список HTML — атрибут Type
Атрибут тега typeопределяет <ol>тип маркера элемента списка:
| Type | Description |
|---|---|
| type="1" | The list items will be numbered with numbers (default) |
| type="A" | The list items will be numbered with uppercase letters |
| type="a" | The list items will be numbered with lowercase letters |
| type="I" | The list items will be numbered with uppercase roman numbers |
| type="i" | The list items will be numbered with lowercase roman numbers |
Номера:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Заглавные буквы:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Строчные буквы:
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Прописные римские цифры:
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Строчные римские цифры:
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Подсчет контрольного списка
По умолчанию нумерованный список начинает отсчет с 1. Если вы хотите начать отсчет с указанного числа, вы можете использовать startатрибут:
Пример
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Вложенные списки HTML
Списки могут быть вложенными (список внутри списка):
Пример
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
Примечание. Элемент списка ( <li>) может содержать новый список и другие элементы HTML, например изображения, ссылки и т. д.
Краткое содержание главы
- Используйте элемент HTML
<ol>для определения упорядоченного списка - Используйте
typeатрибут HTML для определения типа нумерации - Используйте
<li>элемент HTML для определения элемента списка - Списки могут быть вложенными
- Элементы списка могут содержать другие элементы HTML
HTML-теги списка
| Tag | Description |
|---|---|
| <ul> | Defines an unordered list |
| <ol> | Defines an ordered list |
| <li> | Defines a list item |
| <dl> | Defines a description list |
| <dt> | Defines a term in a description list |
| <dd> | Describes the term in a description list |
Полный список всех доступных HTML-тегов см. в нашем Справочнике по HTML-тегам .