Вложенный список
Вложенный список в 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>
.
В обоих случаях вложенный список создается внутри элемента списка, который должен быть закрыт перед началом нового списка.