Списки: упорядоченные и неупорядоченные

В HTML существуют два основных типа списков: упорядоченные (ordered lists) и неупорядоченные (unordered lists).

Неупорядоченные списки (Unordered Lists)

Неупорядоченные списки используются для создания списков элементов, где порядок не имеет значения, и каждый элемент представлен символом маркера. Для создания неупорядоченных списков используется элемент <ul>, а каждый элемент списка обозначается тегом <li> (list item).

Пример неупорядоченного списка с маркерами:

<ul>
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ul>

По умолчанию в большинстве браузеров маркерами для неупорядоченных списков являются маленькие кружки (bullets), но вы можете изменить стиль маркеров с помощью CSS.

Упорядоченные списки (Ordered Lists)

Упорядоченные списки используются для создания списков элементов, в которых порядок имеет значение, и каждый элемент пронумерован. Для создания упорядоченных списков используется элемент <li>, а каждый элемент списка также обозначается тегом <li>.

Пример упорядоченного списка с нумерацией:

<ol>
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ol>

По умолчанию элементы упорядоченных списков нумеруются арабскими цифрами (1, 2, 3 и так далее), но вы можете изменить тип нумерации с помощью атрибута type элемента <ol>. Например, вы можете использовать type=”A” для буквенной нумерации (A, B, C) или type=”I” для римской нумерации (I, II, III).

<ol type="A">
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ol>

Эти теги позволяют легко создавать списки на веб-страницах, а CSS может быть использован для стилизации списков в соответствии с дизайном вашей страницы.