Comentarios al ejercicio Los muertos
vivientesComentarios al ejercicio Los muertos
vivientesAl 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.
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.
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.
El código XHTML del ejercicio puede consultarse abriendo la página web del ejercicio y eligiendo el menú en Firefox o 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
Esta obra está bajo una licencia de Creative
Commons Reconocimiento-CompartirIgual 3.0 España.