Уроки HTML

Списки

Списки применяются для вивода информации в виде последовальности пунктов.

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

Для нумерованного списка перед каждым элементом списка автоматически ставится номер пункта.

Для создания нумерованого списка используют элементы ol и li. Вот, например, так:

  <ol>
    <li>Один</li>
    <li>Два</li>
    <li>Три</li>
    <li>Четыре</li>
    <li>Пять</li>
  </ol>

А вот как это будет выглядеть в броузере:

Один
Два
Три
Четыре
Пять

Элемент ol имеет следующие параметры:

type - определяет тип счетчика, он может иметь следующие значения:
  A - большие латинские буквы
  a - маленькие латинские буквы
  I - большие римские цифры
  i - маленькие римские цифры
  1 - обычные цифры
start - определяет число, с которого будет начинатся отсчет.
Например:

  <ol type="a" start="3">
    <li>Три</li>
    <li>Четыре</li>
    <li>Пять</li>
    <li>Шесть</li>
    <li>Семь</li>
  </ol>

Три
Четыре
Пять
Шесть
Семь

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

Маркированный список отличается от нумерованного тем, что перед его пунктами располагаются не числа или буквы, а символы.

Для создания маркированого списка используются элементы ul и li.

  <ul>
    <li>Один</li>
    <li>Два</li>
    <li>Три</li>
    <li>Четыре</li>
    <li>Пять</li>
  </ul>

Вот результат:

Один
Два
Три
Четыре
Пять

У элемента ul тоже есть параметр
type - который определяет тип маркера перед элементами списка, он может иметь следующие значения:
  disc - маркер в форме диска
  circle - маркер в форме круга
  square - маркер в форме квадрата
по умолчанию значение type="disc".

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

Списки определений создаются с помощью следующих элементов:
dl (definition list, список определений)
dt (definition term, определяемый термин)
dd (definition description, описание определения)

Например:

  <dl>
    <dt>Термин</dt>
    <dd>Определение термина</dd>
    <dd>Определение термина</dd>
    <dd>Определение термина</dd>
  </dl>

Результат:

Термин: Определение термина; Определение термина; Определение термина