Ejemplo
Una ordenada (<ol>) y uno no ordenada (<ul>) la 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>
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
La <li> etiqueta define un elemento de la lista.
La <li> etiqueta se utiliza en las listas ordenadas ( <ol> ), listas desordenadas ( <ul> ), y en las listas de menú ( <menu> ).
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <li> | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
El "type" atributo no es compatible con HTML5.
El "value" atributo fue deprecated en HTML 4.01, pero es compatible con HTML5.
Notas y sugerencias
Consejo: Usar CSS para definir el tipo de lista.
atributos
| Atributo | Valor | Descripción |
|---|---|---|
| type | 1 A a I i disc square circle | No se admite en HTML5. Especifica el que se utilizará tipo de viñeta |
| value | number | Especifica el valor de un elemento de la lista. Los siguientes elementos de la lista se incrementarán a partir de ese número (sólo para <ol> listas) |
Los atributos globales
La <li> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <li> etiqueta también es compatible con la atributos de eventos en HTML .
Inténtelo usted mismo - Ejemplos
Una lista anidada
Una lista dentro de una lista.
Otra lista anidada
Una lista anidada más complicado.
Páginas relacionadas
Tutorial de HTML: Las listas HTML
Referencia HTML DOM: Li Objeto
CSS Tutorial: Estilos de listas
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <li> elementos con los siguientes valores predeterminados:
li {
display: list-item;
}