HTML Тег <li>
Пример
Один упорядоченный (<ol>) и один неупорядоченный (<ul>) HTML список:
<ol>
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ol>
<ul>
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ul>
Попробуйте сами »
Определение и использование
Тег <li> определяет элемент списка.
Тег <li> используется внутри упорядоченных списков(<ol>),
неупорядоченных списков (<ul>), и в списках меню (<menu>).
В элементах <ul> и <menu>, списки обычно отображаются с маркированными точками.
В элементах <ol>, списки обычно отображаются цифрами или буквами.
Совет: Используйте CSS Списки стилей.
Поддержка браузеров
| Элемент | |||||
|---|---|---|---|---|---|
| <li> | Да | Да | Да | Да | Да |
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| value | number | Только для списков <ol>. Задает начальное значение элемента списка. Следующие элементы списка будут увеличиваться от этого числа |
Глобальные атрибуты
Тег <li> также поддерживает Глобальные атрибуты в HTML.
События атрибутов
Тег <li> также поддерживает События атрибутов в HTML.
Еще примеры
Пример
Использование атрибута value в упорядоченном списке:
<ol>
<li value="100">Кофе</li>
<li>Чай</li>
<li>Молоко</li>
<li>Вода</li>
<li>Сок</li>
<li>Пиво</li>
</ol>
Попробуйте сами »
Пример
Выделяют разные типы стилей (с помощью CSS):
<ol>
<li>Кофе</li>
<li
style="list-style-type:lower-alpha">Чай</li>
<li>Молоко</li>
</ol>
<ul>
<li>Кофе</li>
<li
style="list-style-type:square">Чай</li>
<li>Молоко</li>
</ul>
Попробуйте сами »
Пример
Создайте список внутри списка (вложенный список):
<ul>
<li>Кофе</li>
<li>Чай
<ul>
<li>Черный чай</li>
<li>Зеленый</li>
</ul>
</li>
<li>Молоко</li>
</ul>
Попробуйте сами »
Пример
Создайте более сложный вложенный список:
<ul>
<li>Кофе</li>
<li>Чай
<ul>
<li>Черный чай</li>
<li>Зеленый чай
<ul>
<li>Китайский</li>
<li>Африканский</li>
</ul>
</li>
</ul>
</li>
<li>Молоко</li>
</ul>
Попробуйте сами »
Связные страницы
HTML учебник: HTML Списки
HTML DOM справочник: Объект li
CSS Учебник: CSS Списки
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент <li> со следующими значениями по умолчанию:
li {
display: list-item;
}