HTML5 списки: <ol>, <li> и <br> — полное руководство

HTML предлагает несколько тегов для создания списков.

Тег <br>

Тег <br> создаёт разрыв строки. Он полезен для форматирования текста.

Упорядоченные списки: тег <ol>

Тег <ol> (ordered list) создаёт нумерованные списки. Элементы списка обозначаются тегом <li> (list item).

<ol>
  <li>Первый пункт</li>
  <li>Второй пункт</li>
  <li>Третий пункт</li>
</ol>

Результат: нумерованный список. Каждый <li> вложен в <ol>.

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

  • type: определяет тип нумерации: 1 (арабские цифры, по умолчанию), I (римские цифры, прописные), i (римские цифры, строчные), A (латинские буквы, прописные), a (латинские буквы, строчные).
  • start: определяет начальное число нумерации (например, start="4"). В HTML5 необходимо указывать значение в кавычках.
  • reversed: обратный порядок нумерации.

Неупорядоченные списки: тег <ul>

Тег <ul> (unordered list) создаёт списки с маркерами. Использование аналогично <ol>: <ul> содержит элементы <li>. Тег <ul> не имеет атрибутов start и reversed.

<ul>
  <li>Первый пункт</li>
  <li>Второй пункт</li>
  <li>Третий пункт</li>
</ul>

Результат: список с маркерами.

Атрибут type в теге <ul>

Атрибут type изменяет тип маркеров: disc (кружочки, по умолчанию), square (квадратики).

Устаревший тег <dir>

Тег <dir> (directory) — устаревший тег для неупорядоченных списков. Рекомендуется использовать <ul>.

Для создания списков в HTML используйте <ol> (упорядоченные списки) и <ul> (неупорядоченные списки). Тег <dir> устарел.

Что будем искать? Например,программа