Listas en HTML

Listas en HTML

Una lista es un párrafo que contiene una secuencia de artículos estructurados. HTML define tres tipos de listas: la lista ordenada, la lista no ordenada y la lista de definiciones.

Lista ordenada

Contenedor	Tipo de lista	Efecto Visual
<blockquote> <li>Artículo 1</li> <li>Artículo 2</li> </blockquote>	Lista ordenada	Artículo 1 Artículo 2 Artículo 3

Lista no ordenada

Contenedor	Tipo de lista	Efecto Visual
<ul> <blockquote> <li> 1 </li> <li> artículo 2 </li> </blockquote> </ul>	no ordenada	Artículo 1 Artículo 2 Artículo 3

Lista de definiciones

Contenedor	Tipo de lista	Efecto Visual
<dl> <blockquote> <dt>Terme</dt> </blockquote> <blockquote> <blockquote> <dd>definição</dd> </blockquote> </blockquote> </dl>	De definición	<dl> <dt>Artículo 1</dt> <dd>Definición 1</dd> <dt>Artículo 2</dt> <dd>Definición 2</dd> </dl>

Atributos

Hay listas de atributos específicos: 

Atributo	Valor	Efecto Visual
COMPACT		Reduce los espacios entre líneas
PLAIN		Elimina los puntos
SEQNUM		Define el primer número
START		Define el primer número
CONTINUE		Reinicia desde el número en el que se había detenido en la lista anterior
TYPE (para listas ordenadas)	1 A a I i	Números arábigos (estándar) Letras mayúsculas Letras minúsculas Números romanos (I, II, III, IV...) Números romanos en minúsculas
TYPE (para listas no ordenadas)	Círculo Cuadrado Disco	<ul type="circle"> Viñeta circular <ul type="square"> Viñeta cuadrada <ul type="disc"> Viñeta sólida redonda

Tomado de: CCM