HTML Lists

HTML Lists

La ruta del desarrollador web frontend autónomo🤹‍♂️


Las listas HTML permiten a los desarrolladores web agrupar un conjunto de elementos relacionados en listas.


Lista desordenada

Una lista desordenada inicia con una etiqueta <ul>. Cada elemento de la lista inicia con <li>.

Los elementos de la lista se marcarán con viñetas por defecto:

Ejemplo:


Lista ordenada

Una lista ordenada comienza con una etiqueta <ol>. Cada elemento de la lista comienza con la etiqueta <li>.

Por defecto, los elementos de la lista aparecerán emnumeradas:

Ejemplo:


Lista de descripción

HTML también soporta listas de descripción.

Una lista de descripción es una lista de términos, con una descripción de cada término.

La etiqueta <dl> define la lista de descripción, la etiqueta <dt> define el término, y la etiqueta <dd> describe cada término.

Ejemplo:


Lista de etiquetas

EtiquetaDescripción
<ul>Define una lista desordenada
<ol>Define una lista ordenada
<li>Define un elemento de la lista
<dl>Define una descripción de la lista
<dt>Define un término en una descripción de lista
<dd>Describe el término en una descripción de lista

Resumen

Las listas HTML permiten a los desarrolladores web agrupar un conjunto de elementos relacionados en listas.


Traducido con 💚 desde W3Schools.com

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!