Учебник по HTML и CSS |
|
Теги HTML Теги по типам
| Тег LI
ОписаниеТег <LI> определяет отдельный элемент списка. Внешний тег <UL> или <OL> устанавливает тип списка — маркированный или нумерованный. Синтаксис <ul>
<li>элемент маркированного списка</li> </ul> <ol> <li>элемент нумерованного списка</li> </ol> Параметры
Закрывающий тегНе обязателен. Пример 1. Использование тега <LI> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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
ОписаниеУстанавливает вид маркера. Тип маркера и его значение зависит от внешнего контейнера <UL> или <OL>. Синтаксис <li type="disc | circle | square"> АргументыДля маркированного списка (тег <UL>) маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значения параметра type и получаемый вид показан в табл. 1.
Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега <OL>, который и используется для создания списка. В качестве маркеров могут быть следующие значения:
В табл. 2 приведены различные значения параметра type тега <LI> и результат их применения.
Значение по умолчаниюdisc и 1 Аналог CSSlist-style-type Пример 2. Тип маркера <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://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
ОписаниеПараметр value устанавливает номер, с которого будет начинаться список. Атрибут value применяется только для нумерованных списков, когда тег <LI> находится внутри контейнера <OL>. При этом не имеет значения, какой тип списка установлен с помощью параметра type, аргумент value одинаково работает и с римскими и с арабскими числами. Синтаксис<li value="число"> АргументыЛюбое целое положительное число. Значение по умолчанию1 Пример 3. Начало нумерации списка <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://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. Вид нумерованного списка в браузере |
При использовании материалов сайта ссылка на comnew.ru обязательна! |