English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <li> etiqueta define un elemento de lista en el documento HTML <ol>, <ul> o <menu>. Este etiqueta también se conoce comúnmente como <li> elemento.
Ejemplo de dos listas en HTML: una lista ordenada (<ol>) y una lista desordenada (<ul>) :
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 uso de etiqueta <li>(Tutoriales básicos de la red oldtoolbag.com)</title> </head> <body> <ol> <li>First item</li> <li>Second item</li> <li>Third item</li> <li>Fourth item</li> </ol> <ul> <li>First item</li> <li>Second item</li> <li>Third item</li> </ul> <ul> <li>First item <ol> <li>Ítem anidado A</li> <li>Ítem anidado B</li> <li>Ítem anidado C</li> <li>Ítem anidado D</li> </ol> </li> <li>Second item</li> <li>Third item</li> <li>Fourth item</li> </ul> </body> </html>prueba para ver ‹/›
En este HTML5En el ejemplo de documento, tenemos una lista ordenada <ol> con cuatro elementos <li>. Luego, tenemos una lista desordenada <ul> con tres elementos <li>. Finalmente, hemos anidado la lista ordenada <ol> dentro de la lista desordenada <ul>.
IEFirefoxOperaChromeSafari
Actualmente, la mayoría de los navegadores populares admiten la etiqueta <li>.
<li> etiqueta define un elemento de lista.
<li> etiqueta se puede usar en lista ordenada (<ol>）、lista desordenada (<ul>) y lista de menú (<menu>) entre.
Puede anidar listas <ol, <ul> y <menu>.
"type" atributo en HTML 4.01 Ha sido desechado. HTML5 Este atributo no es compatible.
"value" atributo en HTML 4.01 Ha sido desechado. HTML5 Este atributo no es compatible.
Consejo: Utilice CSS para definir el tipo de lista y los elementos de la lista.
| Atributo | Valor | Descripción |
|---|---|---|
| type | 1 A a I i disc square circle | HTML5 Este atributo no es compatible. HTML 4.01 Este atributo está obsoleto. No se recomienda su uso. Utilice estilos en su lugar. Define qué tipo de símbolo de lista se utiliza. Valor de caracteres, indica el estilo de numeración. Puede ser uno de los siguientes valores: |
| value | number | No se recomienda su uso. Utilice estilos en su lugar. Define el número de los elementos de la lista. |
La etiqueta <li> admite atributos globales, consulte la tabla de atributos completa Atributos globales de HTML.
La etiqueta <li> admite todos Atributos de eventos HTML.
Listas ordenadas de diferentes tipos
Este ejemplo muestra listas ordenadas de diferentes tipos.
Listas desordenadas de diferentes tipos
Listas desordenadas de diferentes tipos
Listas anidadas
Este ejemplo muestra cómo anidar listas.
Listas anidadas 2
Este ejemplo muestra listas anidadas más complejas.
Lista personalizada
Este ejemplo muestra una lista definida.
Tutorial HTML: Lista HTML