Тег LI

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

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

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

Закрывающий тег
Не обязателен.

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

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

<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, который и используется для создания списка. В качестве маркеров могут быть следующие значения:

  • заглавные латинские буквы (A B C);
  • прописные латинские буквы (a b c);
  • заглавные римские цифры (I II III);
  • прописные римские цифры (i ii iii);
  • арабские цифры (1 2 3).

В табл. 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

Пример 2. Добавление маркеров

<html>
<body>
<ul>
<li type=square>Чебурашка</li>
<li type=square>Крокодил Гена</li>
<li type=square>Шапокляк</li>
</ul>
</body>
</html>

Параметр VALUE

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

Синтаксис
<li value=число>

Аргументы
Любое целое положительное число.

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

Пример 3. Начальное значение списка

<html>
<body>
<ol>
<li type=I value=48>Чебурашка</li>
<li type=I>Крокодил Гена</li>
<li type=I>Шапокляк</li>
</ol>
</body>
</html>

Материал взят с сайта htmlbook.ru