HTML <li> Tag

Última atualização em Sábado 7º mai 2022

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;
}