
-
Las listas son elementos que, como los títulos, permiten presentar niveles jerarquizados de texto.
-
Los documentos HTML permiten dos tipos de listas:
- Listas no ordenadas (bullet list): su etiqueta principal es <UL>...</UL>.
- Listas ordenadas o numeradas (numbered list): su etiqueta principal es <OL>...</OL>.
- Listas de definiciones (definition list): su etiqueta principal es <DL>...</DL>
-
Una vez definido el tipo de lista deseada, los elementos que la componen se marcan de distinta manera según el tipo:Las listas se pueden encajar unas dentro de otras, además de con el resto de las etiquetas disponibles. Vemos algún ejemplo:
- 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).
- 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.
EJEMPLO |
<HTML> |
<HEAD> |
<TITLE>Ejemplo </TITLE> |
</HEAD> |
<BODY> |
<H3>Los meses de primavera</H3> |
<UL> <LI>Abril</LI> <LI>Mayo</LI> <LI>Junio</LI> </UL> |
<BR> |
<H3>Los meses de verano</H3> |
<OL> <LI>Julio</LI> <LI>Agosto</LI> <LI>Septiembre</LI> </OL> |
<BR> |
<H3>Los meses del año</H3> |
<UL> <LI>Los meses de primavera <OL> <LI>Abril</LI> <LI>Mayo</LI> <LI>Junio</LI> </OL> </LI> <LI>Los meses de verano <OL> <LI>Julio</LI> <LI>Agosto</LI> <LI>Septiembre</LI> </OL> </LI> </UL> |
<BR> |
<H3>Refranes de los meses</H3> |
<DL> <DT>Marzo</DT> <DD>El sol de marzo da con el mazo.</DD> <DT>Abril</DT> <DD>El abril, aguas mil.</DD> <DT>Mayo</DT> <DD>Hasta el 40 de mayo no te quites el sayo.</DD> </DL> |
</BODY> |
</HTML> |
Arriba
|