Списки — это способ представить информацию в виде перечня. В HTML есть три вида списков: маркированные, нумерованные и списки определений.

1. Маркированный список — <ul>

Тег <ul> (unordered list) создаёт список, где каждый элемент помечается маркером (точкой, кружком или квадратом).

Внутри списка каждый пункт оформляется тегом <li> (list item).

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

Как это выглядит в браузере:

2. Нумерованный список — <ol>

Тег <ol> (ordered list) создаёт список, где каждый пункт автоматически нумеруется по порядку.

<ol>
    <li>Первый шаг</li>
    <li>Второй шаг</li>
    <li>Третий шаг</li>
</ol>

Как это выглядит в браузере:

3. Вложенные списки

Внутри одного списка можно разместить другой. Это создаёт многоуровневую структуру.

<ul>
    <li>Фрукты
        <ul>
            <li>Яблоко</li>
            <li>Банан</li>
        </ul>
    </li>
    <li>Овощи
        <ul>
            <li>Морковь</li>
            <li>Огурец</li>
        </ul>
    </li>
</ul>

Как это выглядит в браузере:

4. Список определений — <dl>, <dt>, <dd>

Тег <dl> (description list) создаёт список терминов и их описаний.

• <dt> — термин (definition term)
• <dd> — описание или определение (definition description)

<dl>
    <dt>HTML</dt>
    <dd>Язык гипертекстовой разметки</dd>
    
    <dt>CSS</dt>
    <dd>Язык таблиц стилей</dd>
    
    <dt>JavaScript</dt>
    <dd>Язык программирования для браузера</dd>
</dl>

Как это выглядит в браузере:

5. Атрибуты списков

Нумерованный список может начинаться не с единицы, а с любого числа. Для этого используется атрибут start.

<ol start="5">
    <li>Пятый пункт</li>
    <li>Шестой пункт</li>
    <li>Седьмой пункт</li>
</ol>

Как это выглядит в браузере:

У маркированного списка можно изменить тип маркера с помощью атрибута type (но это уже из области оформления, так что не углубляемся).