Listas en HTML

Abril 2018

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

Consulta también


Liste HTML (UL LI - OL LI)
Liste HTML (UL LI - OL LI)
Elenchi e numerazioni nell'HTML
Elenchi e numerazioni nell'HTML
Listas em HTML
Listas em HTML
Poziomy danych
Poziomy danych
Última actualización: 3 de enero de 2018 a las 02:57 por Carlos-vialfa.
El documento «Listas en HTML» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (https://es.ccm.net/) como tu fuente de información.
Párrafos
Tablas