Списки

HTML позволяет оформлять перечни элементов, которые мы обычно называем списками. Списки оформляются парными тэгами.

Списки бывают маркированными, неупорядоченными <ul> и нумерованными - упорядоченными<ol>, элемент списка оформляется парным тегом <li>. Для элемента списка можно переопределить параметры. Также списки используются при создании меню, обычно вместе со стилями CSS и скритами.

Маркированные списки можно вкладывать друг в друга. Уровни вложенности браузер автоматически отметит разными маркерами. А вот вложенные нумерованные списки придётся делать вручную.

Интересным приёмом является использовать в списке свои маркеры, например графические, это можно посмотреть в разрезе примеров на данной странице.

Особым видом списков являются списки определений, они оформляются с помощью парного тэга <dl> и тегов <dt>, <dd>.

Маркированный список и его параметры

Параметр Значение Назначение
type
  • disc - круг
  • circle - окружность
  • square - квадрат
  • none - отсутствует
 Меняет маркер списка на соответствующий

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

Параметр Значение Назначение
type
  • A - латинские заглавные
  • a - латинские строчные
  • I - римкие заглавные
  • i - римские строчные
  • 1 - арабские
  • none - отсутствует
 Меняет способ нумерации
start целое число Определяет номер начальной позиции списка

Примеры:

  • Понедельник
  • Вторник
  • Среда
  • Четверг
  • Пятница
  • Суббота
  • Воскресенье
  • Понедельник
  • Вторник
  • Среда
  • Четверг
  • Пятница
  • Суббота
  • Воскресенье
  • Понедельник
  • Вторник
  • Среда
  • Четверг
  • Пятница
  • Суббота
  • Воскресенье
  • Понедельник
  • Вторник
  • Среда
  • Четверг
  • Пятница
  • Суббота
  • Воскресенье
  • Маркер - окружность
  • маркер -квадрат
  • Нет маркера
  • Маркер - круг
  • Часть 1
    • Глава 1
    • Глава 2
    • ...
      • Подпункт 1
      • Подпункт 2
      • ...
  1. Понедельник
  2. Вторник
  3. Среда
  4. Четверг
  5. Пятница
  6. Суббота
  7. Воскресенье
  1. Понедельник
  2. Вторник
  3. Среда
  4. Четверг
  5. Пятница
  6. Суббота
  7. Воскресенье
  1. Понедельник
  2. Вторник
  3. Среда
  4. Четверг
  5. Пятница
  6. Суббота
  7. Воскресенье
  1. Понедельник
  2. Вторник
  3. Среда
  4. Четверг
  5. Пятница
  6. Суббота
  7. Воскресенье
  1. Понедельник
  2. Вторник
  3. Среда
  4. Четверг
  5. Пятница
  6. Суббота
  7. Воскресенье
  • gr_bullet.png Понедельник
  • gr_bullet.png Вторник
  • gr_bullet.png Среда
  • gr_bullet.png Четверг
  • gr_bullet.png Пятница
  • gr_bullet.png Суббота
  • gr_bullet.png Воскресенье

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

Исходный код Вид в браузере 
<dl>
    <dt>Понедельник - </dt>
        <dd>первый день недели.</dd>
    <dt>Вторник - </dt>
        <dd>второй день недели.</dd>
    <dt>Среда -</dt>
        <dd>третий день недели.</dd>
    <dt>Четверг -</dt>
        <dd>четвёртый день недели.</dd>
    <dt>Пятница -</dt>
        <dd>пятый день недели.</dd>
    <dt>Суббота -</dt>
        <dd>шестой день недели.</dd>
    <dt>Воскресенье -</dt>
        <dd>седьмой и последний день недели.</dd>
</dl>
Понедельник -
первый день недели.
Вторник -
второй день недели.
Среда -
третий день недели.
Четверг -
четвёртый день недели.
Пятница -
пятый день недели.
Суббота -
шестой день недели.
Воскресенье -
седьмой и последний день недели.