# Comentarios al ejercicio Los muertos vivientes

## Etiquetas utilizadas

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

Al quitar el estilo se puede observar que en el <address> hay <br />.

Al quitar el estilo se puede observar que la imagen lateral desaparece, por tanto es una imagen de fondo.

Al quitar el estilo se puede observar que el resaltado (fondo blanco y cursiva) de los nombres de los personajes desaparece completamente, por tanto se utiliza una etiqueta <span>. Además, el resaltado (versalitas) de las obras de Kirkman desaparece completamente, por tanto se utiliza una etiqueta <span>.

Al quitar el estilo, se puede observar que las líneas blancas que separan los apartados no desaparecen, por tanto se trata de <hr />. Al quitar el estilo, se puede observar que la línea punteada por encima de <address> desaparece, por tanto se trata de un borde.

Al poner el estilo se puede observar que cada personaje forma una ficha, por tanto hay divisiones agrupando cada personaje. Además, cada apartado (Resumen, Personajes, Autor) también forma una ficha, por tanto hay divisiones agrupando cada apartado.

## Clases utilizadas

Hay dos tipos de <span>, por tanto se necesitan dos clases.

La división del personaje Carl Grimes es distinta a las demás (tiene un margen izquierdo mayor), por tanto necesita una clase (o un id, ya que es única).

Unas imágenes están a la derecha y otras a la izquierda, por tanto se necesitan dos clases.

## Otros

La imagen de fondo situada a la izquierda abarca todo el documento, por tanto debe asignarse a <body> o <html>.

El resaltado de la primera letra de los apartados no requiere <span>, se puede hacer con el pseudo-elemento :first-letter.

## 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 obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.