Тег LI

⚠️ Bymas - Форум разработчиков

Описание

Тег <LI> определяет отдельный элемент списка. Внешний тег <UL> или <OL> устанавливает тип списка — маркированный или нумерованный.

Синтаксис

<ul>
 <li>элемент маркированного списка</li>
</ul>

<ol>
 <li>элемент нумерованного списка</li>
</ol>

Параметры

type
Устанавливает вид маркера нумерованного или маркированного списка.
value
Число, с которого будет начинаться нумерованный список.

Закрывающий тег

Не обязателен.

Пример 1. Использование тега <LI>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<ul>
  <li>Чебурашка</li>
  <li>Крокодил Гена</li>
  <li>Шапокляк</li>
</ul>
</body>
</html>

Примечание

Для создания маркированного списка необязательно использовать тег <UL>, достаточно одного тега <LI>.

Описание параметров тега <LI>

Параметр TYPE

Описание

Устанавливает вид маркера. Тип маркера и его значение зависит от внешнего контейнера <UL> или <OL>.

Синтаксис

<li type="disc | circle | square">
<li type="A | a | I | i | 1">

Аргументы

Для маркированного списка (тег <UL>) маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значения параметра type и получаемый вид показан в табл. 1.

Табл 1. Параметры маркированного списка
Код Пример
<li type="disc">
  • Чебурашка
  • Крокодил Гена
  • Шапокляк
    		•
    <li type="circle">
  • Чебурашка
  • Крокодил Гена
  • Шапокляк
    		•
    <li type="square">
  • Чебурашка
  • Крокодил Гена
  • Шапокляк
    		•

    Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега <OL>, который и используется для создания списка. В качестве маркеров могут быть следующие значения:

    В табл. 2 приведены различные значения параметра type тега <LI> и результат их применения.

    Табл 2. Параметры нумерованного списка
    Код Пример
    <ol>
    <li type="A">
    </ol>
    1. Чебурашка
    2. Крокодил Гена
    3. Шапокляк
    <ol>
    <li type="a">
    </ol>
    1. Чебурашка
    2. Крокодил Гена
    3. Шапокляк
    <ol>
    <li type="I">
    </ol>
    1. Чебурашка
    2. Крокодил Гена
    3. Шапокляк
    <ol>
    <li type="i">
    </ol>
    1. Чебурашка
    2. Крокодил Гена
    3. Шапокляк
    <ol>
    <li type="1">
    </ol>
    1. Чебурашка
    2. Крокодил Гена
    3. Шапокляк

    Значение по умолчанию

    disc и 1

    Аналог CSS

    list-style-type

    Пример

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <body>
      <li type="square">Чебурашка</li>
      <li type="square">Крокодил Гена</li>
      <li type="square">Шапокляк</li>
    </body>
    </html>

    Параметр VALUE

    Описание

    Параметр value устанавливает номер, с которого будет начинаться список. Атрибут value применяется только для нумерованных списков, когда тег <LI> находится внутри контейнера <OL>. При этом не имеет значения, какой тип списка установлен с помощью параметра type, аргумент value одинаково работает и с римскими и с арабскими числами.

    Синтаксис

    <li value="число">

    Аргументы

    Любое целое положительное число.

    Значение по умолчанию

    1

    Пример

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <body>
    <ol>
      <li type="I" value="48">Чебурашка</li>
      <li type="I">Крокодил Гена</li>
      <li type="I">Шапокляк</li>
    </ol>
    </body>
    </html>