Пример
Один упорядоченный (<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 | число | Только для списков <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>
Попробуйте сами »