Volver al índiceComentarios al ejercicio Diccionario informático (en fichas)

Este ejercicio está formado por ocho páginas (una por término más el índice) que tienen que utilizar la misma hoja de estilo.

Etiquetas utilizadas

Al quitar el estilo se puede observar que las únicas etiquetas de bloque utilizadas en el índice son <h1>, <h2> y <p>, mientras que en las páginas de términos son <h1> y <p>.

Al poner el estilo se puede observar que la información sobre cada término forma una ficha, pero como esa ficha incluye todo el contenido de la página no es necesario crear una división, puede hacerse aprovechando la etiqueta <body>.

Al quitar el estilo se puede observar que el título de la página de índice lleva un <br />.

Al poner el estilo se puede observar que los títulos de las páginas de términos tienen un color de fondo, así que hay etiquetas <span> en ellos.

Clases utilizadas

El título <h1> de la página del índice es distinto a los títulos <h1> de las páginas de términos. Lo más fácil es definir una clase para el título <h1> de la página del índice.

Los enlaces que aparecen al final de cada página no tiene el mismo aspecto que los enlaces que hay en el texto de la definición. Una forma de conseguirlo es dar una clase al párrafo final y utilizar un selector de descendientes, por ejemplo:

Solución del ejercicio

El código XHTML del ejercicio puede consultarse abriendo la página web del ejercicio y eligiendo el menú Ver > Código fuente de la página en Firefox o Ver > Código fuente en Internet Explorer.

La hoja de estilo del ejercicio puede consultarse abriendo este enlace a la hoja de estilo del ejercicio.

Tenga en cuenta que en estos ejercicios hay a menudo varias maneras de conseguir lo mismo, por lo que la solución no es nunca única.

Esta página forma parte del curso "Páginas web HTML / XHTML y hojas de estilo CSS" disponible en http://www.mclibre.org
Autor: Bartolomé Sintes Marco
Última modificación: 15 de diciembre de 2008

Creative Commons License
Esta obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.