LI
Тег LI
| Браузер | Internet Explorer | Netscape | Opera | Safari | Mozilla | Firefox | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Версия | 5.5 | 6.0 | 7.0 | 6.0 | 7.0 | 8.0 | 7.0 | 8.0 | 9.0 | 1.0 | 1.7 | 1.0 | 2.0 |
| Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Тег <LI> определяет отдельный элемент списка.
Внешний тег <UL> или <OL>
устанавливает тип списка — маркированный или нумерованный.
Синтаксис
<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>
Результат данного примера показан ни рис. 1.
Рис. 1. Вид маркированного списка в браузере
Описание параметров тега <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.
| Код | Пример |
|---|---|
| <li type="disc"> |
|
| <li type="circle"> |
|
| <li type="square"> |
|
Нумерованные списки представляют собой набор элементов с их порядковыми номерами.
Вид и тип нумерации зависит от параметров тега <OL>,
который и используется для создания списка. В качестве маркеров могут быть следующие
значения:
- заглавные латинские буквы;
- строчные латинские буквы;
- заглавные римские цифры;
- строчные римские цифры;
- арабские цифры.
В табл. 2 приведены различные значения параметра type
тега <LI> и результат их применения.
| Код | Пример |
|---|---|
| <ol> <li type="A"> </ol> |
|
| <ol>
<li type="a"> |
|
| <ol> <li type="I"> </ol> |
|
| <ol> <li type="i"> </ol> |
|
| <ol> <li type="1"> </ol> |
|
Значение по умолчанию
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>
Результат данного примера показан ни рис. 2.
Рис. 2. Разные маркеры в списке
Параметр 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>
Результат данного примера показан на рис. 3.
Рис. 3. Вид нумерованного списка в браузере