ol — упорядоченный список

  • 5 августа 2023

Справочник

Анастасия Ткачева

🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <ol> используется для создания упорядоченного списка элементов, то есть списка, в котором каждый элемент имеет порядковый номер. Такие списки полезны при создании пошаговых инструкций или других списков, где важен порядок действий.

<ol>
  <li>Проснуться</li>
  <li>Одеться</li>
  <li>Умыться</li>
  <li>Позавтракать</li>
</ol>
  1. Проснуться
  2. Одеться
  3. Умыться
  4. Позавтракать

Атрибуты тега <ol>:

  • type — вид нумерации списка: арабские и римские цифры, латинские буквы.
  • start — с какого числа начинается нумерация списка.
  • reversed — нумерация элементов списка в обратном порядке.

⚠️ Тег <ol> может содержать только элементы <li>.

Также создать нумерованный «список» можно с помощью таблиц или блоков <div> с CSS-свойством counter-increment. Но лучше так не делать.

Полезные статьи — по почте

Подпишитесь на редакторскую рассылку о фронтенде, новых CSS-штучках и всём, что пригодится разработчику.

Присылаем одно письмо в неделю. Без спама и нейросетей.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники