# Упорядоченные и неупорядоченные списки в HTML

Наряду с абзацами и заголовками существует еще один важный элемент страницы - это списки. Такие элементы наверняка знакомы всем пользователям интернета. Они представляют собой перечисление чего-либо (список) по пунктам. Возле каждого пункта списка обычно стоит закрашенный кружок (он называется маркер списка).

Списки создаются с помощью тега `<ul>`, внутри которого обязательно должны идти теги `<li>`. Тег `ul` задает сам список, а в теги `li` следует размещать пункты списка (то есть одному `li` соответствует один маркер списка). Смотрите пример:

`<ul> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> </ul>`

:

## Списки с номерами

Списки, созданные через тег `ul`, называются неупорядоченными списками. Такое название им дано потому, что существуют еще и упорядоченные списки, у которых вместо маркеров-точек будут маркеры-цифры. Такие списки вместо тега `ul` имеют тег `<ol>`, а пункты таких списков также создаются через теги `li`.

Удобство упорядоченных списков в том, что я могу вставить новый пункт списка в любое место - и нумерация сама перестроится (то есть вам не приходится за ней следить в случае каких-либо изменений, как было бы в том случае, если бы вы расставляли ее вручную).

Давайте сделаем упорядоченный список, используя тег `ol`:

`<ol> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> <li>пункт списка</li> </ol>`

:

## Замечания

Отдельно теги `li` использовать нельзя, только в составе списков. Кроме того, нельзя вкладывать списки в абзацы и наоборот. Списки в списки вкладывать можно, такое практикуется.

←→
↑