Las listas HTML se utilizan para especificar listas de información. Todas las listas pueden contener uno o más elementos de lista. Hay tres tipos diferentes de listas HTML:
- Lista ordenada o lista numerada (ol)
- Lista desordenada o lista con viñetas (ul)
- Lista de descripciones o lista de definiciones (dl)
Nota: Podemos crear una lista dentro de otra lista, que se denominará Lista anidada.
Lista ordenada HTML o lista numerada
En las listas HTML ordenadas, todos los elementos de la lista están marcados con números de forma predeterminada. También se la conoce como lista numerada. La lista ordenada comienza con
- etiqueta y los elementos de la lista comienzan con
- etiqueta.
<ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol>Pruébalo ahora
Producción:
- Aries
- Bingo
- León
- Oráculo
Haga clic aquí para obtener detalles completos de la lista ordenada en HTML. Lista ordenada HTML
Lista HTML desordenada o lista con viñetas
En la lista HTML desordenada, todos los elementos de la lista están marcados con viñetas. También se la conoce como lista con viñetas. La lista desordenada comienza con
- Los elementos de etiqueta y lista comienzan con el
- etiqueta.
<ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul>Pruébalo ahora
Producción:
- Aries
- Bingo
- León
- Oráculo
Haga clic aquí para obtener detalles completos de la lista HTML desordenada. Lista HTML desordenada
Lista de descripciones HTML o lista de definiciones
La lista de descripción HTML también es un estilo de lista compatible con HTML y XHTML. También se conoce como lista de definiciones donde las entradas se enumeran como un diccionario o enciclopedia.
La lista de definiciones es muy apropiada cuando desea presentar un glosario, una lista de términos u otra lista de nombres y valores.
La lista de definiciones HTML contiene las siguientes tres etiquetas:
-
- etiqueta
-
- etiqueta
define un término. -
- etiqueta
define el término definición (descripción).
<dl> <dt>Aries</dt> <dd>-One of the 12 horoscope sign.</dd> <dt>Bingo</dt> <dd>-One of my evening snacks</dd> <dt>Leo</dt> <dd>-It is also an one of the 12 horoscope sign.</dd> <dt>Oracle</dt> <dd>-It is a multinational technology corporation.</dd> </dl>Pruébalo ahora
Producción:
- Aries
- -Uno de los 12 signos del horóscopo.
- Bingo
- -Uno de mis refrigerios vespertinos.
- León
- -También es uno de los 12 signos del horóscopo.
- Oráculo
- -Es una corporación tecnológica multinacional.
Haga clic aquí para obtener detalles completos de la lista de descripción HTML. Lista de descripción HTML
Lista anidada HTML
Una lista dentro de otra lista se denomina lista anidada. Si desea una lista con viñetas dentro de una lista numerada, ese tipo de lista se denominará lista anidada.
Código:
Nested list <p>List of Indian States with thier capital</p> <ol> <li>Delhi <ul> <li>NewDelhi</li> </ul> </li> <li>Haryana <ul> <li>Chandigarh</li> </ul> </li> <li>Gujarat <ul> <li>Gandhinagar</li> </ul> </li> <li>Rajasthan <ul> <li>Jaipur</li> </ul> </li> <li>Maharashtra <ul> <li>Mumbai</li> </ul> </li> <li>Uttarpradesh <ul> <li>Lucknow</li></ul> </li> </ol>Pruébalo ahora
Producción:
Navegadores compatibles
Elemento | Cromo | ES DECIR | Firefox | Ópera | Safari |
Sí | Sí | Sí | Sí | Sí |