тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

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