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 українською.
