Тег <li> (сокращение от английского list item, то есть «элемент списка») помогает выделить отдельные пункты перечня и может содержать внутри себя разные HTML-элементы: другие списки, абзацы, изображения и многое другое. По умолчанию браузер аккуратно смещает такие элементы чуть вправо от левого края.

Пункты <li> можно встретить в нумерованных (<ol>) и маркированных (<ul>) списках, а также в меню (<menu>). В каждом из этих окружений они выглядят по-своему: например, в нумерованном списке перед каждым пунктом появляется порядковый номер - цифра или буква.

Если хочется изменить вид маркера, можно использовать соответствующее CSS-свойство; есть и свойство, которое позволяет заменить стандартные маркеры изображениями. Это простой способ сделать список более выразительным.

Важно помнить: тег <li> относится к блочным элементам, поэтому каждый пункт начинается с новой строки и занимает всю доступную ширину.

Примечание: в HTML5 закрывающий тег для <li> не обязателен по стандарту.

Атрибуты

value:

Значение этого атрибута задаёт текущий порядковый номер пункта в списке, и нумерация следующих элементов продолжится с него.

Примечание: этот атрибут работает только для нумерованных списков.

Кроме того, тег <li> поддерживает и другие стандартные возможности HTML.

Пример

<ol> <li>Кофе</li> <li>Чай</li> <li>Молоко</li></ol><ul> <li>Кофе</li> <li>Чай</li> <li>Молоко</li></ul>