top of page

4.3. Las listas

  • chiqui19-05
  • 11 mar 2016
  • 2 Min. de lectura

  • Las listas son elementos que, como los títulos, permiten presentar niveles jerarquizados de texto.

  • Los documentos HTML permiten dos tipos de listas:

  1. Listas no ordenadas (bullet list): su etiqueta principal es <UL>...</UL>.

  2. Listas ordenadas o numeradas (numbered list): su etiqueta principal es <OL>...</OL>.

  3. Listas de definiciones (definition list): su etiqueta principal es <DL>...</DL>

  4. .

  • Una vez definido el tipo de lista deseada, los elementos que la componen se marcan de distinta manera según el tipo:

  1. En las listas ordenadas (<OL>...</OL>) o no ordenadas (<UL>...</UL>), cada elemento de dicha lista se marca con la etiqueta <LI>...</LI> (list item).

  2. En las listas de definición (<DL>...</DL>), se utilizan dos: cada elemento que se define se marca con <DT>...</DT> y el texto de cada definición se marca con <DD>...</DD>. Esta etiqueta se puede repetir si se necesita introducir varios elementos de definición.

  • Las listas se pueden encajar unas dentro de otras, además de con el resto de las etiquetas disponibles. Vemos algún ejemplo:

Las listas admiten varios parámetros, que varían según el tipo de lista:

  • Las tres listas admiten el parámetro COMPACT, que hace que el navegador presente la lista de la manera más compacta posible.

  • El parámetro TYPE funciona con las dos primeras listas. Sus valores respectivos son, lógicamente, distintos:

  • En las no numeradas, controla el tipo de viñeta: con forma de disco (<UL type="disc">, la opción por defecto), de círculo (<UL type="circle">) y de cuadrado (<UL type="square">).

  • En las numeradas, controla el tipo de numeración: con números árabes (<OL type="1">, la opción por defecto), romanos (<OL type="I">), romanos en minúsculas (<OL type="i">), letras mayúsculas (<OL type="A">) y minúsculas (<OL type="a">).

  • La etiqueta <OL start="n"> indica el número por el que empieza la lista numerada.

  • En una lista numerada, se puede cambiar el número de un elemento –y consiguientemente de los posteriores– con la etiqueta <LI value="n">.


 
 
 

Comments


Síguenos
  • Facebook B&W
  • Twitter B&W
  • Google+ B&W
  • YouTube B&W
Posts Recientes
Búsqueda por Tags

© 2023 por Tendencias A-Z. Creado con Wix.com

bottom of page