HTML <li> Tag

Ultima actualización en martes 15º mar. 2022

li

One ordered (<ol>) and one unordered (<ul>) HTML list.

	<ol>
  <li>Sofia</li>
  <li>Alejandro</li>
  <li>Valentina</li>
</ol>
<ul>
  <li>Amalia</li>
  <li>Santiago</li>
  <li>Amanda</li>
</ul>
	

Definición y uso li}

La etiqueta <li> define un elemento de lista.

La etiqueta <li> se utiliza dentro de listas ordenadas (<ol>), listas no ordenadas (<ul>) y en listas de menús (<menu>).

En <ul> <menu>, los elementos de la lista generalmente se mostrarán con viñetas.

En <ol>, los elementos de la lista generalmente se mostrarán con números o letras.

Global y Event Attributes

El <li> tag también es compatible con el Global y Event Atributos

Ejemplo 1 etiqueta li

	<ol>
  <li value="11">Sofia</li>
  <li>Alejandro</li>
  <li>Valentina</li>
</ol>
	

Ejemplo 2 elemento li

Lista compleja anidada

	<ul>
  <li>Amalia</li>
  <li>Ethan
    <ul>
      <li>Ethan Ennis</li>
      <li>Ethan Mbappé</li>
    </ul>
  </li>
  <li>Valentina</li>
</ul>
	

Configuración de CSS predeterminada

La mayoría de los navegadores mostrarán el <li> element con los siguientes valores predeterminados.

	li {
  display: list-item;
}