Вложенный список

Вложенный список в HTML — это список, который содержит другие списки в качестве своих элементов. Такой список может быть использован для организации информации и создания структурированного контента на веб-странице. В HTML существует два типа списков: неупорядоченный и упорядоченный.

Неупорядоченный список создается с помощью тега <ul> и содержит элементы списка, которые обозначаются тегом <li>. Например:

<ul>
  <li>Элемент списка 1</li>
  <li>Элемент списка 2</li>
  <li>Элемент списка 3
    <ul>
      <li>Вложенный элемент списка 1</li>
      <li>Вложенный элемент списка 2</li>
    </ul>
  </li>
  <li>Элемент списка 4</li>
</ul>

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

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

<ol>
  <li>Элемент списка 1</li>
  <li>Элемент списка 2</li>
  <li>Элемент списка 3
    <ol>
      <li>Вложенный элемент списка 1</li>
      <li>Вложенный элемент списка 2</li>
    </ol>
  </li>
  <li>Элемент списка 4</li>
</ol>

В этом примере третий элемент списка содержит вложенный упорядоченный список. Как и в случае с неупорядоченным списком, для создания вложенного списка внутри элемента списка используется тот же тег <ol> и <li>.

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