Назад Вперед Зміст

Нумерований список

Для розмітки нумерованого списку використовуються теги <ol> та <li>.

Елементи списку автоматично нумеруються арабськими цифрами. Для зміни виду номерів використовується таблиця стилів.

Теорія

Для створення нумерованих списків використовується тег <ol>, а кожен пункт списку записується в тегах <li>.

Раніше використовувався атрибут type для вибору типу нумерації:

• type="1" – цифри (1,2,3...)
• type="a" – малі латинські літери (a,b,c...)
• type="A" – великі латинські літери (A,B,C...)
• type="i" – малі римські цифри (i, ii, iii...)
• type="I" – великі римські цифри (I, II, III...)

🔔 Примітка: У HTML5 атрибут type вважається застарілим. Сучасний підхід – використовувати CSS властивість list-style-type.

Приклад сучасної верстки: Список місяців

<style>
ol.roman {
      list-style-type: upper-roman; /* Великі римські цифри */
    }
    ol.alpha {
      list-style-type: lower-alpha; /* малі латинські літери */
    }
    ol.decimal {
      list-style-type: decimal; /* цифри */
    } 
</style>

<ol class="roman">
        <li>Грудень
        <li>Січень
        <li>Лютий
        <li>Березень
        <li>Квітень
        <li>Травень
</ol>

Результат

1. Грудень
2. Січень
3. Лютий
4. Березень
5. Квітень
6. Травень