Тег LI

Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

Аргументы

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

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

1

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


Комментирование закрыто.