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
COMPACTReduce los espacios entre líneas
PLAINElimina los puntos
SEQNUMDefine el primer número
STARTDefine el primer número
CONTINUEReinicia 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 y director digital en el Grupo Figaro. 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.