- El siguiente grupo de elementos se refiere a listas. Ya las hemos usado antes...
- Sí, OL
y LI
, ¿no?
- Exacto, y hay algunos más. Existen tres tipos de lista: listas ordenadas, listas no ordenadas y listas de definiciones.
- ¿Qué es exactamente cada cosa?
- Para entender la diferencia entre listas ordenadas y no ordenadas el ejemplo más claro es el de la receta de cocina: los ingredientes los pondrías en una lista no ordenada, y los pasos para cocinar la receta en una lista ordenada, porque en ese caso el orden es importante.
- Claro, los ingredientes los puedes conseguir en cualquier orden, pero la receta la tienes que preparar en el orden correcto.
- Justo. Por eso normalmente en las listas ordenadas los objetos salen numerados y en las listas no ordenadas salen con un marcador, como un circulito o un cuadradito.
Elementos | UL , OL |
---|---|
Modelo de contenido | uno o más elementos LI |
Etiqueta inicial | obligatoria |
Etiqueta final | obligatoria |
Los LI
son como sabes los objetos de la lista (list items).
- Sí, pero oye, si dentro de una lista sólo puede haber elementos LI
, ¿quiere eso decir que no se pueden anidar unas listas dentro de otras?
- No, mira:
Elemento | LI |
---|---|
Modelo de contenido | cero o más elementos en bloque y/o en línea |
Etiqueta inicial | obligatoria |
Etiqueta final | opcional |
- Ah, o sea que si quiero anidar una lista tengo que meterla dentro de un elemento LI
, ¿no?
- Exactamente. Bueno, las listas de definiciones (elemento DL
, definition list) son ligeramente más complicadas. En estas listas aparecen dos tipos de objetos de lista: los términos definidos (DT
, definition term) y las definiciones de los términos (DD
, definition description). En el apartado anterior de este tutorial te he puesto una de estas listas con la utilidad de los elementos de frase.
Elemento | DL |
---|---|
Modelo de contenido | uno o más elementos DT o DD , en cualquier orden |
Etiqueta inicial | obligatoria |
Etiqueta final | opcional |
Elemento | DT |
---|---|
Modelo de contenido | cero o más elementos en línea |
Etiqueta inicial | obligatoria |
Etiqueta final | opcional |
Elemento | DD |
---|---|
Modelo de contenido | cero o más elementos en bloque y/o en línea |
Etiqueta inicial | obligatoria |
Etiqueta final | opcional |
En la especificación de HTML tienes un ejemplo en que se utilizan al mismo tiempo los tres tipos de listas.
- Sí, está bastante bien.
- Bueno, pues ya hemos acabado con las listas.
- Qué rápido. Pues seguimos.
Sitio Web mantenido por Juan R. Pozo (jrpozo arroba conclase punto net).
Última modificación: 21/08/2001 - © 2001 Juan R. Pozo y conclase.net