Тег <LI> определяет отдельный элемент списка. Внешний тег <UL> или<OL> устанавливает тип списка — маркированный или нумерованный.
Синтаксис
<li>элемент маркированного списка</li>
</ul>
<ol>
<li>элемент нумерованного списка</li>
</ol>
Параметры
- type
- Устанавливает вид маркера нумерованного или маркированного списка.
- value
- Число, с которого будет начинаться нумерованный список.
Закрывающий тег
Не обязателен.
Пример 1. Использование тега <LI>
<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.
| Код | Пример |
|---|---|
| <li type=»disc»> |
|
| <li type=»circle»> |
|
| <li type=»square»> |
|
Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега<OL>, который и используется для создания списка. В качестве маркеров могут быть следующие значения:
- заглавные латинские буквы;
- строчные латинские буквы;
- заглавные римские цифры;
- строчные римские цифры;
- арабские цифры.
В табл. 2 приведены различные значения параметра type тега <LI> и результат их применения.
| Код | Пример |
|---|---|
| <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
Пример 2. Тип маркера
<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. Начало нумерации списка
<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>