Наряду с абзацами и заголовками существует еще один важный элемент страницы - это списки. Такие элементы наверняка знакомы всем пользователям интернета. Они представляют собой перечисление чего-либо (список) по пунктам. Возле каждого пункта списка обычно стоит закрашенный кружок (он называется маркер списка).
Списки создаются с помощью тега <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
использовать нельзя,
только в составе списков. Кроме того, нельзя
вкладывать списки в абзацы и наоборот. Списки
в списки вкладывать можно, такое практикуется.