Тег li (сокращение от англ. list item) - это настоящий герой списка, способный удерживать внутри себя любые другие HTML-элементы: списки, абзацы, изображения и даже видео. По умолчанию браузеры добавляют к каждому элементу небольшую левую полосу, создавая приятный визуальный отступ.
Вы можете разместить тег li в трёх типах контейнеров: нумерованных списках (ol), маркированных списках (ul) и даже в меню (menu). В каждом из них он проявляет свой характер: в ol перед каждым пунктом появляется порядковый номер, а в ul - яркая точка или другой маркер.
Для того чтобы изменить вид маркера, воспользуйтесь CSS-свойством list-style-type либо свойством list-style-image, которое позволяет заменить стандартный символ на собственное изображение.
Обратите внимание: тег li относится к блочным элементам, поэтому каждый пункт начинается с новой строки и занимает всю доступную ширину контейнера.
Примечание: согласно стандарту HTML5 закрывающий тег для li не обязателен – браузер сам его добавит.
Атрибуты - value:
- Указывает текущий порядковый номер пункта в нумерованном списке. Нумерация всех последующих элементов будет продолжена от этого значения.
Примечание: работает только с ol.
Тег li также поддерживает вложенные списки и может использоваться внутри различных контейнеров.
Пример ol liКофе/li liЧай/li liМолоко/li/olul liКофе/li liЧай/li liМолоко/li/ul