Listas

En HTML existen diferentes tipos de listas:

Estas se pueden utilizar unas con otras. Los tres tipos de listas tienen un formato en común:

<tipo_lista>
<LI>elemento 1
<LI>elemento 2
</tipo_lista>

Listas desordenadas

Se usa la etiqueta <UL> que permite representar listas de elementos desordenados  (son sinónimos las etiquetas <DIR> y <MENU>). Si no se indica nada, a los elementos irán con la viñeta de un círculo:

<UL>
  <LI>elemento 1
  <LI>elemento 2
</UL>

Que se representará por:

Con la etiqueta <UL> se utiliza como parámetros:

 

Parámetro Descripción Ejemplo
TYPE="disc", "square","circle"

(se puede utilizar también en <LI>)

 Tipo de viñeta
  • el "disc"
  • el "square"
  • el "circle"
COMPACT Compacta la lista lo más posible
  • elemento 1
  • elemento 2

Listas ordenadas

Se utiliza la etiqueta <OL> para representar los elementos ordenados:

<OL>
  <LI>elemento 1
  <LI>elemento 2
</OL>

Que se ve:

  1. elemento 1
  2. elemento 2

Con la etiqueta <OL> se utiliza como parámetros:

 

Parámetro Descripción Ejemplo
TYPE="1", "a", "A", "I","i"

(se puede utilizar también en <LI>)

 Tipo de numeración
  1. a
  2. b
  3. C
  4. d
  5. e
COMPACT Compacta la lista lo más posible
  1. elemento 1
  2. elemento 2
START="numero" Donde se inicia la numeración
  1. elemento 1
  2. elemento 2
VALUE="numero"

Se utiliza en <LI>

 Reinicia la numeración desde un elemento determinado
  1. elemento 1
  2. elemento 2
  3. elemento 3

Listas de definiciones

Se presenta una lista de definiciones se hace con las etiquetas <DT> y <DD>. No se utiliza la etiqueta <LI>, se utiliza <DT>:

<DL>
  <DT>elemento 1<DD>Este es el primer elemento
  <DT>elemento 2<DD>Este es el segundo elemento y el último
</DL>

Que se representa:

elemento 1
Este es el primer elemento
elemento 2
Este es el segundo elemento y el último