Comentarios al ejercicio Escritores españoles

Cabecera

En la cabecera <head> de la página hay que:

Secciones

En la vista con estilo se reconocen agrupaciones con color de fondo común o con un borde común, para que las que tiene sentido utilizar secciones.

El dibujo siguiente muestra una posible elección de elementos de secciones para esta página:

body header h1 main article h2 article h3 aside article h2 article h3 aside article h3 aside article h3 aside footer

El encabezado <header> contiene únicamente el título <h1>, por lo que se podría no haber utilizado <header>.

Cada ficha dedicada a un escritor es un artículo <article> porque cada ficha tiene sentido en sí mismo y no necesita el resto de la página para su comprensión, pero también podría haberse utilizado <section>.

Cada apartado dedicada a los escritores nacidos en un siglo determinado es también un artículo <article> porque cada apartado tiene sentido en sí mismo y no necesita el resto de la página para su comprensión, pero también podría haberse utilizado <section>.

Las imágenes de escritores y su nombre se han insertado dentro de una sección <aside>.

Los títulos empleados son <h1>, <h2> y <h3>.

Etiquetas

Además de las etiquetas que se muestran en la imagen del apartado anterior (<header>, <main>, <article>, <aside>, <h1> y <span>), la página sólo contiene párrafos <p> e imágenes <img>.

Clases

Para distinguir los artículos <article> dedicados a las biografías individuales de los artículos <article> que agrupan las biografías de un siglo determinado (y los elementos que contienen, por ejemplo, los títulos <h1>, se ha utilizado una sola clase:

En la hoja de estilo se pueden utilizar selectores de descendientes para referirse a determinados elementos:

Fuentes

En este ejercicio se utiliza el tipo de letra genérico sans-serif y la fuente de Google Fonts Playball, cargada localmente.

Estilos

Las propiedades CSS utilizadas son las siguientes:

Solución del ejercicio

El código HTML del ejercicio puede consultarse abriendo la página web del ejercicio Escritores españoles y abriendo el código fuente (Ctrl+U).

La hoja de estilo del ejercicio puede consultarse abriendo este enlace a la hoja de estilo del ejercicio Escritores españoles.

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