Documente Academic
Documente Profesional
Documente Cultură
Listas
En ocasiones, es posible agrupar determinadas palabras o frases en un conjunto de elementos que tienen ms significado de forma conjunta. El men de navegacin de un sitio web por ejemplo est formado por un grupo de palabras. Aunque cada palabra por separado tiene sentido, de forma conjunta constituyen el men de navegacin de la pgina, por lo que su significado conjunto es mayor que por separado. El lenguaje H !" define tres tipos diferentes de listas para agrupar los elementos# listas no ordenadas $se trata de una coleccin simple de elementos en la que no importa su orden%, listas ordenadas $similar a la anterior, pero los elementos estn numerados y por tanto, importa su orden% y listas de definicin $un conjunto de t&rminos y definiciones similar a un diccionario%.
</body> </html>
Fi ura 5.1 Ejemplo de uso de la etiqueta ul El navegador por defecto muestra los elementos de la lista tabulados y con una peque-a vi-eta formada por un c)rculo negro. .omo ya se sabe, el aspecto con el que se muestran los elementos de las listas se puede modificar mediante las /ojas de estilos .,,.
Fi ura 5.! Ejemplo de uso de la etiqueta ol El navegador muestra la lista de forma muy parecida a las listas no ordenadas, salvo que en este caso no se emplean vi-etas grficas en los elementos, sino que se numeran de forma consecutiva. El tipo de numeracin empleada tambi&n se puede modificar aplicando /ojas de estilos .,, a los elementos de la lista.
Etiqueta <dd> comunes Atributos propios * Tipo de elemento +loque ,e emplea para indicar las definiciones de los elementos de una lista Descripcin de definicin El siguiente cdigo H !" muestra un ejemplo sencillo de lista de definicin#
<html> <head><title>Ejemplo de etiqueta &L</title></head> <body> <h1>Metalen'uajes</h1> <dl> <dt>()ML</dt> <dd>Metalen'uaje pa a la de$inici*n de ot os len'uajes de ma cado</dd> <dt>+ML</dt> <dd>Len'uaje basado en ()ML y que se emplea pa a desc ibi datos</dd> <dt>,((</dt> <dt>)ML</dt> <dt>+-.ML</dt> <dt>(/)</dt> <dt>+UL</dt> <dd>Len'uajes de i0ados de +ML pa a dete minadas aplicaciones</dd> </dl> </body> </html>
Fi ura 5." Ejemplo de uso de la etiqueta dl "os navegadores formatean las listas de definicin de forma similar a las otras listas, tabulando la definicin y alineando a la i'quierda los t&rminos. Aunque no es /abitual, cada t&rmino puede tener asociada ms de una definicin y cada definicin puede tener asociada varios t&rminos. Ejercicio 0 1eterminar el cdigo H !" que corresponde a la siguiente lista anidada simple
Fi ura 5.$ Ejemplo de lista anidada simple de dos niveles 2er solucin Ejercicio 3 1eterminar el cdigo H !" que corresponde a la siguiente lista anidada compleja
Fi ura 5.5 Ejemplo de lista anidada compleja de dos niveles 2er solucin