Las listas (II): de definiciones y de menús y directorios

Con este capítulo vamos a aprender a hacer las listas de definición y las de menús y directorios. Ya vimos que el lenguaje HTML nos ofrece etiquetas para poderlas realizar. Comencemos.

Listas de Definiciones

Llamamos lista de definiciones -o glosario de términos- a aquéllas que contienen diversas definiciones. Las etquetas que utiliozaremos para hacer una lista que cumpla tal fin son: <dl>, <dt> y <dd>. La forma habitual de definir una lista de definiciones sería como sigue:

<dl atributos de lista de definición>
<dt atributos de término> Término </dt>
<dd atributos de definición del término> Definición del término </dd>
................................
<dt atributos de término> Término </dt>
<dd atributos de definición del término> Definición del término </dd>
</dl>

El comienzo y fin de la lista de defiiniciones están marcadas como veís por las etiquetas <dl> y </dl>. Cada elemento de la lista está compuesto por dos campos: el término y su definición. Para introducir un término utilizamos la etiqueta <dt> y para una definición del mismo usamos <dd>. Las etiquetas de cierre </dt> y </dd> se pueden utilizar opcionalmente. Como ocurría con las anteriores listas, al comienzo de una lista de definición siempre aparecerá una línea en blanco. el término y su definición aparecen en líneas separadas. Si queremos, al igual que hacíamos con las anteriores listas, podemos personalizar mas la lista con las etiquetas ya vistas en los últimos capítulos referentes al formato de texto y dar una apariencia mucho mas clara y acorde con lo que queremos, utilizando las etiquetas <p> y <br>. En el siguiente ejercicio veremos mejor estas características que comento:

Listas de Directorios y Menús

Terminos las listas con las dos que nos faltan: las de directorios y menús. Recordad que en el anterior capítulo se comentó que estas se definían conlas etiquetas <dir> (directorios) y <menu> (menús) pero que habían sido sustituidas por <ul> al estar obsoletas en HTML 4.0. La estructuración de este tipo de listas es similar a la lista ordenada exceptuando, claro está, las etiquetas que marcan el comienzo y el fin de la lista (que serían en vez de <ul> y </ul>, <dir> y </dir> y <menu> y </menu>. Obtendremos, no obstante el mismo resultado si sustituimos <dir> y <menu> por <ul> y </dir> y </menu> por </ul>. Veamos en el siguiente ejercicio como quedaría una lista de este tipo.

Llamo la atención para señalaros que un elemento de una lista puede ser perfectamente una imagen o un hiperenlace, los dos elementos que nos ocuparán los siguientes capítulos. Ahora os facilito un resumen de los atributos que están asociados a cada una de las etiquetas etudiadas en las listas.