31. Listas en HTML

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

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 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>

Scroll al inicio