Списки
Ненумерованный
<ul type="square">
<li>Пункт №1</li>
<li>Пункт №2</li>
<li type="circle">Пункт №3</li>
<li type="disc">Пункт №4</li>
</ul>
- Пункт №1
- Пункт №2
- Пункт №3
- Пункт №4
Нумерованный
I - большие римские, i - маленькие римские, a - мал. буквы, А - большие буквы
<ol start="0" type="I">
<li>Пункт №1</li>
<li>Пункт №2</li>
<li>Пункт №3</li>
</ol>
- Пункт №1
- Пункт №2
- Пункт №3
Многоуровневый
<ul>
<li>Пункт №1</li>
<li>Пункт №2</li>
<li>
Пункт №3
<ul>
<li>Пункт №3.1</li>
<li>Пункт №3.2</li>
<li>
Пункт №3.3
<ol type="a">
<li>Пункт №3.3.1</li>
<li>Пункт №3.3.2</li>
</ol>
</li>
</ul>
</li>
<li>Пункт №4</li>
</ul>
- Пункт №1
- Пункт №2
- Пункт №3
- Пункт №3.1
- Пункт №3.2
- Пункт №3.3
- Пункт №3.3.1
- Пункт №3.3.2
- Пункт №4
Список определений
<dl>
<dt>Термин №1</dt>
<dd>Определение №1</dd>
<dt>Термин №2</dt>
<dd>Определение №2</dd>
<dt>Термин №3</dt>
<dd>Определение №3</dd>
</dl>
- Термин №1
- Определение №1
- Термин №2
- Определение №2
- Термин №3
- Определение №3
Раскрывающийся список
<details>
<summary>Раскройте список</summary>
<p>текст №1</p>
<p>текст №2</p>
<p>текст №3</p>
<p>текст №4</p>
<p>текст №5</p>
</details>
Раскройте список
текст №1
текст №2
текст №3
текст №4
текст №5
Маркеры
<ul style="list-style-type: disc;">
<!-- По умолчанию -->
<li>Обычный маркер</li>
</ul>
<ul style="list-style-type: square;">
<li>Квадратный маркер</li>
</ul>
<ul style="list-style-type: circle;">
<li>Круглый маркер</li>
</ul>
<!-- Нумерованные списки с различными стилями -->
<ol style="list-style-type: decimal;">
<!-- 1, 2, 3 -->
<li>Десятичные числа</li>
</ol>
<ol style="list-style-type: lower-alpha;">
<!-- a, b, c -->
<li>Строчные буквы</li>
</ol>
<ol style="list-style-type: upper-roman;">
<!-- I, II, III -->
<li>Римские цифры</li>
</ol>
<!-- Кастомные маркеры -->
<ul style="list-style-type: '✓ ';">
<li>Выполнено</li>
<li>Выполнено</li>
</ul>
Изменение порядка
<!-- Атрибут reversed для обратной нумерации -->
<ol reversed>
<li>Третий пункт</li>
<li>Второй пункт</li>
<li>Первый пункт</li>
</ol>
<!-- Атрибут value для изменения номера -->
<ol>
<li>Первый пункт</li>
<li value="5">Пятый пункт (пропустили 2, 3, 4)</li>
<li>Шестой пункт</li>
</ol>
<!-- Атрибут start с различными типами -->
<ol start="10" type="1">
<li>Пункт 10</li>
<li>Пункт 11</li>
</ol>