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 | число | Лише для списків <ol>. Визначає початкове значення елемента списку. Наступні пункти списку будуть збільшуватися від цього числа |
Глобальні атрибути
Тег <li> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <li> також підтримує Атрибути подій в HTML.
Більше прикладів
Приклад
Використовуйте значення атрибута в упорядкованому списку:
<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 налаштування за замовчуванням
Більшість браузерів будуть відображати елемент <li> з наступними значеннями за замовчуванням:
li {
display: list-item;
}
