Тег LI
Описание
Тег <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> |
- Чебурашка
- Крокодил Гена
- Шапокляк
|
<ol>
<li type="a">
</ol> |
- Чебурашка
- Крокодил Гена
- Шапокляк
|
<ol>
<li type="I">
</ol> |
- Чебурашка
- Крокодил Гена
- Шапокляк
|
<ol>
<li type="i">
</ol> |
- Чебурашка
- Крокодил Гена
- Шапокляк
|
<ol>
<li type="1">
</ol> |
- Чебурашка
- Крокодил Гена
- Шапокляк
|
Значение по умолчанию
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>
