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