4.Упорядоченные и неупорядоченные списки в 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 использовать нельзя, только в составе списков. Кроме того, нельзя вкладывать списки в абзацы и наоборот. Списки в списки вкладывать можно, такое практикуется.