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

Haz una pregunta
Nuestros contenidos son redactados en colaboración con expertos del ámbito tecnológico bajo la dirección de Jean-François Pillou, fundador de CCM.net. CCM es un sitio de tecnología líder a nivel internacional y está disponible en 11 idiomas.
Consulta también
El documento « Listas en HTML » se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.

¡Suscríbete a nuestra Newsletter!

Recibe nuestros mejores artículos

¡Suscríbete a nuestra Newsletter!