Listas en HTML

Mayo 2013

Listas

Una lista es un párrafo estructurado que contiene una serie de elementos. HTML define tres tipos de listas:

Contenedor	Tipo de lista	Efecto visual
<ol> <li> ítem 1 </li> <li> ítem 2 </li> </ol>	Lista ordenada	ítem 1 ítem 2 ítem 3

Contenedor

Tipo de lista

Efecto visual

<ol>

<li> ítem 1 </li>

<li> ítem 2 </li>

</ol>

Lista ordenada

Contenedor	Tipo de lista	Efecto visual
<ul> <li> ítem 1 </li> <li> ítem 2 </li> </ul>	No ordenada	ítem 1 ítem 2 ítem 3

Contenedor

Tipo de lista

Efecto visual

<ul>

<li> ítem 1 </li>

<li> ítem 2 </li>

</ul>

No ordenada

Contenedor	Tipo de lista	Efecto visual
<dl> <dt>Término</dt> <dd>Definición</dd> </dl>	Definición	ítem 1 definición 1 ítem 2 definición 2

Contenedor

Tipo de lista

Efecto visual

<dl>

<dt>Término</dt>

<dd>Definición</dd>

</dl>

Definición

Atributo	Valor	Efecto visual
COMPACT		estrecha el espacio entre líneas (listas más compactas)
PLAIN		elimina las viñetas
SEQNUM		Define el primer número
START		Define el primer número
CONTINUE		comienza en el número donde la lista se había detenido
TYPE (para listas ordenadas)	1 A A I I	Números arábigos (predeterminado) Letras mayúsculas Letras minúsculas Números romanos (I, II, III, IV ...) Números romanos en minúsculas
TYPE (para listas no ordenadas)	Circle Square Disc	Viñeta circular Viñeta cuadrada Viñeta sólida, redonda