Listas HTML desordenadas

Utilice la etiqueta para crear una lista desordenada. Este tipo de lista es excelente cuando el orden de los artículos no tiene importancia, por ejemplo, en las listas de compras. Los navegadores suelen marcar los elementos de este tipo de lista con viñetas. Para enumerar elementos, utiliza etiquetas dentro del elemento. ****<ul> ****<li><ul>

Untitled

Listas HTML ordenadas

Crea listas ordenadas usando la etiqueta. Los elementos de las listas ordenadas están numerados y este tipo de lista es la mejor opción cuando el orden de los elementos es importante, por ejemplo, en las instrucciones paso a paso. Al igual que en las listas desordenadas, debe usar etiquetas en las listas ordenadas para definir los elementos de la lista. La numeración de elementos en una lista ordenada comienza con 1 por defecto. ****<ol> ****<li>

Untitled

La etiqueta <li>

La etiqueta <li>se utiliza para introducir elementos de listas ordenadas y desordenadas. Es una etiqueta de contenedor anidada en las etiquetas <ol>y <ul> , respectivamente, y aloja un elemento de la lista. Este elemento puede ser cualquier tipo de información: texto, imágenes, enlaces, saltos de línea e incluso otras listas.

Untitled

Listas HTML de definición

Las listas de definición, también conocidas como listas de descripción, se introducen con la etiqueta <dl>. Utilice este tipo de lista cuando necesite presentar términos junto con sus... definiciones, sí. Un caso de uso clásico para una lista de definiciones es un glosario.

El elemento de la lista de definición <dl>alberga 2 tipos de elementos:

Los navegadores generalmente presentan listas de definiciones colocando los términos y definiciones en líneas separadas, con las definiciones ligeramente sangradas.

Untitled

Listas HTML anidadas

Los elementos de una lista pueden contener cualquier tipo de contenido: texto, imágenes, multimedia. También pueden contener listas, ¡así es, sublistas de estilo Inception dentro de las listas! Este tipo de lista se describe como "anidada".

El truco para marcar las listas anidadas correctamente es reconocer que la sublista es en realidad un elemento secundario de un elemento de la lista y no una lista. Comience creando una lista con <ul>o <ol>, agregue elementos con <li>, luego comience otra lista dentro de uno de los elementos.

Untitled