Volver al índiceComentarios al ejercicio KDE (1º parte)

Etiquetas utilizadas

Al quitar el estilo se puede observar que las etiquetas de bloque utilizadas son <h1>, <h2>, <p>, <ul>, <ol> y <address>.

Al quitar el estilo se puede observar que las etiquetas en línea utilizadas son <accronym>, <strong>, <span>, y <a>.

Al quitar y volver a poner el estilo se puede observar que en el <address> hay un <br /> y que hay un <span> con clase (en las fechas que aparecen en la página).

Al poner el estilo se puede observar que hay divisiones agrupando cada apartado (entornos gráficos, licencia, KDE/GNOME). Se podría hacer una división agrupando los tres apartados y el menú, pero no es imprescindible.

Nota: En el examen original, la lista del menú contenía un cuarto item que enlazaba con el segundo ejercicio del examen. Al convertirlo en ejercicio, he quitado el enlace.

Clases e ids utilizados

El párrafo con el enlace "Volver al principio" necesita una clase.

El <span> de las fechas necesita una clase (se podría hacer sin clase puesto que sólo hay un tipo de <span>, pero yo le he puesto clase porque en Amaya es más cómodo insertar un <span> con clase que sin clase).

Los apartados (entornos gráficos, licencia, KDE/GNOME) son destinos de los enlaces situados en el menú inicial, así que hay que dar un id distinto a cada división de apartado.

Otros

La imagen que se muestra a la izquierda (el logotipo de KDE) es una imagen de fondo del elemento <body> (o del <html>).

El menú inicial está en el centro de la página, eso indica que la lista tiene la propiedad display: inline.

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: 13 de enero de 2010

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