Listas HTML

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

Ejm

Una lista desordenada:

  • Item
  • Item
  • Item
  • Item

Una lista ordenada:

  1. First item
  2. Second item
  3. Third item
  4. Fourth item

Listas desordenadas

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

Los elementos de la lista se marcarán con viñetas (pequeños círculos negros) de forma predeterminada.

Ejm

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Listas ordenadas

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

Los elementos de la lista se marcarán con números de forma predeterminada.

Ejm

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Listas de descripción HTML

HTML también admite 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 (nombre) y la etiqueta <dd> describe cada término.

Ejm

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

Resumen

Etiqueta Descripció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 lista de descripción
<dd> Describe el término en una lista de descripción.