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