Listas No Ordenadas (<ul>)

Una lista no ordenada es una colección de elementos sin un orden específico. En HTML, se utiliza la etiqueta <ul> junto con <li> para cada elemento de la lista. Estas listas suelen estar representadas con viñetas en la página.

html

Listas Ordenadas (<ol>)

A diferencia de las listas no ordenadas, las listas ordenadas usan números o letras para indicar el orden de los elementos. Para crear una lista ordenada, utilizamos la etiqueta <ol>.

html

Elementos de Lista (<li>)

Las etiquetas <li> se utilizan dentro de las etiquetas de lista (<ul> o <ol>) para definir cada elemento individual de la lista. Las listas pueden contener texto, enlaces, e incluso otras listas.

html

Listas de Descripción (<dl>, <dt>, <dd>)

Las listas de descripción son útiles para definir términos y descripciones. Utilizamos la etiqueta <dl> para iniciar la lista, <dt> para cada término y <dd> para su descripción.

html

Agrupación de Elementos (<div> y <span>)

En HTML, las etiquetas <div> y <span> se utilizan para agrupar y aplicar estilos a otros elementos. <div> es un contenedor en bloque, ideal para agrupar secciones completas. Por otro lado, <span> es un contenedor en línea, usado para aplicar estilos a partes de texto.

html

Cierre del Capítulo

Ahora que entiendes cómo utilizar las listas y los elementos de agrupación, puedes estructurar el contenido de tus páginas web de forma clara y organizada. En el próximo capítulo, aprenderemos sobre los enlaces y la navegación en HTML.