Как создать список в HTML (нумерованный и маркированный)?

@jonas_cruickshank 

В HTML существует два основных типа списков: нумерованный (упорядоченный) и маркированный (неупорядоченный). Вот как их создать:

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

Для создания нумерованного списка используется тег <ol> (от "ordered list"), внутри которого располагаются элементы <li> (от "list item"):

1
2
3
4
5

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

Этот код создаст список с элементами, пронумерованными по порядку.

Маркированный список

Для создания маркированного списка используется тег <ul> (от "unordered list"), элементы которого также заключены в теги <li>:

1
2
3
4
5

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

В этом случае браузер отобразит список с маркерами (точками) перед каждым элементом.

Дополнительные параметры

Вы также можете настроить внешний вид списков с помощью атрибутов или CSS. Например, для нумерованного списка можно использовать атрибут type, чтобы изменить тип нумерации:

1
2
3
4
5

<ol type="A"> <!-- Заглавные буквы -->
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ol>

А для маркированного списка можно изменить стиль маркеров с помощью CSS:

1
2
3
4
5

<ul style="list-style-type: square;"> <!-- Квадратные маркеры -->
  <li>Первый элемент</li>
  <li>Второй элемент</li>
  <li>Третий элемент</li>
</ul>

С использованием этих тэгов и атрибутов вы можете создавать списки, которые подходят для нужд вашего проекта.