Listas y menús con HTML

Hay elementos que permiten crear texto con varios formatos de listado: Estos pueden ser ordenados <OL> (se refiere a numerados, no ordenados por algun criterio), desordenados <UL> (no numerados), directorios <DIR>, menu <MENU> y listados de definición <DL>. Veamos comó es la sintaxis básica y apariencia de estos elementos, a partir de los cuales, pueden hacerse combinaciones muy complejas mediante anidamientos de unos con otros, hasta conseguir prácticamente cualquier presentación deseada:

Esto es una lista ordenada (numerada):

1. Primera linea
2. Segunda linea

Se escribe: <OL> <LI>Primera linea <LI>Segunda linea </OL> Fíjate en que los elementos <LI> no tienen cierre. Terminan cuando aparece otro igual o se cierra la lista. Esto es una lista desordenada ( no numerada):

• Primera linea
• segunda linea

Se escribe: <UL> <LI>Primera linea <LI>Segunda linea </UL> En este caso los números han sido sustituidos por unos puntos gruesos. Esa es la apariencia por defecto; se puede cambiar usando el atributo TYPE con tres valores (el valor por defecto es DISC ). Con el valor CIRCLE se verá:

• Primera linea
• segunda linea

Se escribe: <UL TYPE=CIRCLE > <LI>Primera linea <LI>Segunda linea </UL>

También puede usarse el valor SQUARE . Así:

• Primera linea
• segunda linea

Se escribe: <UL TYPE= SQUARE > <LI>Primera linea <LI>Segunda linea </UL> Las listas ordenadas no sólo se pueden ordenar con números. También se pueden utilizar letras y numeración romana tanto en mayúsculas como minúsculas. Para esto se utiliza el atributo TYPE del elemento <OL> con los siguientes valores: TYPE=1 (por defecto) para números, TYPE=A para letras mayúsculas, TYPE=a para letras minúsculas, TYPE=I para numeración romana en mayúsculas y TYPE=i para numeración romana en minúsculas.

Esto es una lista ordenada con letras mayúsculas :

1. Primera linea
2. Segunda linea
3. Tercera linea
4. Cuarta linea

Usuarios que han visto este tema también han visto...

- Insertar archivo Flash en HTML
- Introducción a las metatags: definición, sintaxis y uso correcto
- Uso de mailto: para enviar mensajes desde un enlace en HTML
- Formateando el texto en HTML
- Todo sobre los formularios.

- Versión imprimible de este documento
- Enviar por e-mail este documento