Тег LI

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

Синтаксис

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

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

Параметры

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

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

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

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

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
<title>Тег LI</title>
</head>
<body>
<ul>
<li>Чебурашка</li>
<li>Крокодил Гена</li>
<li>Шапокляк</li>
</ul>
</body>
</html>

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

Параметр TYPE

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Устанавливает вид маркера. Тип маркера и его значение зависит от внешнего контейнера <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

Пример 2. Тип маркера

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
<title>Тег LI, параметр type</title>
</head>
<body>
<ul>
<li type=»square»>Чебурашка</li>
<li>Крокодил Гена</li>
<li type=»circle»>Шапокляк</li>
</ul>
</body>
</html>

 

Параметр VALUE

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

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

Аргументы

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

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

1

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

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» «http://www.w3.org/TR/html4/loose.dtd»>
<html>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>
<title>Тег LI, параметр value</title>
</head>
<body>
<ol>
<li type=»I» value=»48″>Чебурашка</li>
<li type=»I»>Крокодил Гена</li>
<li type=»I»>Шапокляк</li>
</ol>
</body>
</html>