Списки в HTML

В HTML есть возможность создавать списки. Существует три вида списков - маркированный, нумерованный и список определений. Рассмотрим, как сделать список в HTML

Маркированный список

В маркированном списке каждый пункт помечается специальным маркером. Маркированный список создаётся с помощью тэга <ul>, а каждый пункт списка с помощью тэга <li>. Стандарт HTML5 позволяет не ставить закрывающий тэг у пунктов списка. Но я рекомендую всё же закрывать все парные тэги. Так код будет более универсальным.

Пример маркированного списка:

<ul>
<li>Первый пункт</li>
<li>Второй пункт</li>
</ul>

Атрибут type устанавливает внешний вид маркера. Может принмаать следующие значения:

type="disc" - в виде круга (по умолчанию)

type="circle" - в виде окружности

type="square" - в виде квадрата

Установим атрибут type для списка.

<ul type="circle">

Нумерованный список

Нумерованный список удобен тем, что нумерация производится автоматически. Если нужно добавить пункты в середину списка, то не придётся переписывать цифры.

Нумерованный список создаётся с помощью тэга <ol>, а пунткты списка создаются так же как в маркированном, с помощью тэга <li>.

Вот пример нумерованного списка:

<ol>
<li>Первый пункт</li>
<li>Второй пункт</li>
</ol>

Нумерация может осуществляться не только арабскими цифрами, но и другими способами. Для этого у тэга <ol> есть атрибут type. Он может принимать следующие значения:

type="1" - арабские цифры (по умолчанию)

type="A" - заглавные латинские буквы

type="a" - строчные латинские буквы

type="I" - большие римские цифры

type="i" - маленькие римские цифры

Тэг <ol> имеет атрибут start. Он устанавливает число,с которого начинается нумерация. Атрибут работает как с арабскими, так и с римскими числами. Значения:

start="целое число"

Для примера зададим тэгу <ol> атрибут type.

<ol type="A">

Поэкспериментируйте с атрибутами, попробуйте установить им разные значения.

Список определений

Список определений - это список терминов и их описаний. Используется он редко, но знать нужно. Список определений создаётся с помощью тэга <dl>. Тэг <dt> добавляет в список термин, а тег <dd> описание.

Пример списка:

<dl>
<dt>Термин 1</dt>
<dd>Описание термина, которое может быть достаточно длинным
и состоять из некоторого количества строк. В этом случае текст
описания отображается с отступом для выделения термина.</dd>
<dt>Термин 2</dt>
<dd>Описание термина, которое может быть достаточно длинным
и состоять из некоторого количества строк. В этом случае текст
описанияотображается с отступом для выделения термина.</dd>
</dl>