Exemplo
A pedidos (<ol>) e um não-ordenada (<ul>) lista de HTML:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Tente você mesmo " Mais "Tente você mesmo" exemplos abaixo.
Definição e Uso
O <li> tag define um item da lista.
O <li> tag é usada em listas ordenadas ( <ol> ), listas não ordenadas ( <ul> ), e nas listas de menus ( <menu> ).
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <li> | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
O "type" atributo não é suportado no HTML5.
O "value" atributo foi deprecated em HTML 4.01, mas é apoiado em HTML5.
Dicas e Notas
Dica: Use CSS para definir o tipo de lista.
Atributos
| Atributo | Valor | Descrição |
|---|---|---|
| type | 1 A a I i disc square circle | Não suportado em HTML5. Especifica que será utilizado tipo de ponto de bala |
| value | number | Especifica o valor de um item da lista. Os seguintes itens da lista será incrementado a partir desse número (apenas para <ol> listas) |
Atributos globais
O <li> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <li> tag também suporta o evento Atributos em HTML .
Tente você mesmo - Exemplos
A lista aninhada
Uma lista dentro de uma lista.
Outra lista aninhada
A lista aninhada mais complicado.
Páginas relacionadas
Tutorial HTML: listas de HTML
Referência HTML DOM: Objeto Li
CSS Tutorial: Listas Styling
Configurações CSS padrão
A maioria dos navegadores irá exibir o <li> elemento com os seguintes valores padrão:
li {
display: list-item;
}