Li
O <li>
tag em HTML é usado para definir o item da lista em um documento HTML. É usado dentro de uma lista encomendada <ol>
ou lista não ordenada <ul>
.
li HTML
<ol> <li>Maria</li> <li>Francisca</li> <li>Juliana</li> </ol> <ul> <li>Luís</li> <li>Rafael</li> <li>Marcelo</li> </ul>
Definição e Uso
O <li>
tag define um item da lista.
Em <ul>
e <menu>
, os itens da lista geralmente serão exibidos com pontos de bala.
A tag <li>
é usada dentro da lista ordenada (<ol>
), lista não ordenada (<ul>
) e nas listas de menus (<menu>
).
Global e Event Atributos
A tag <li>
também suporta o Global e Event Atributos
Exemplo 1 ol html
Use o atributo de value em uma lista ordenada.
<ol> <li value="100">Rodrigo</li> <li>Raimundo</li> <li>Rafael</li> <li>Gabriel</li> <li>Luís</li> </ol>
Exemplo 2 ul html
Crie uma lista aninhada
<ul> <li>Lucas</li> <li>Luiz <ul> <li>David Luiz</li> <li>Luiz Adriano</li> </ul> </li> <li>João</li> </ul>
Configurações padrão CSS
A maioria dos navegadores exibirá o elemento <li>
com os seguintes valores padrão.
li { display: list-item; }