# Comentarios al ejercicio Peanuts

## Etiquetas utilizadas

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

Al quitar el estilo se puede observar que las etiquetas en línea utilizadas son <em>, <strong>, <a> e <img>.

Al quitar y volver a poner el estilo se puede observar que en el <address> hay un <br />.

Al poner el estilo se puede observar que hay divisiones agrupando cada apartado (autor, personajes, obras). También se puede observar que hay una división agrupando cada apartado dedicados a los personajes. Pero además hay una división que agrupa todos los apartados dedicados a los personajes (se reconoce por la imagen de fondo de Carlitos).

## Clases e ids utilizados

El párrafo con los enlaces necesita una clase.

Los apartados (autor, personajes, obras) son destinos de los enlaces situados en el párrafo inicial, así que hay que dar un id distinto a cada división de apartado.

Los apartados autor y obras son distintos al de personajes, por lo que se necesita una clase (aunque también se puede hacer con dos).

La división que agrupa los apartados de personajes tiene una imagen de fondo, por lo que requiere un id para identificarla.

La división dedicada a Carlitos tiene un margen izquierdo mayor, por lo que requiere un id para identificarla.

Hay imágenes flotantes a la izquierda y a la derecha, por lo que se requieren dos clases para identificarlas.

El nombre de Schulz y de las editoriales está marcado con <span> a lo largo del texto, que puede llevar una clase.

Para que la foto de Schulz no sobresalga de la división que la contiene, hace falta que dentro de la división haya un párrafo con la propiedad clear: both, por lo que se necesita una clase para ese párrafo.

## Otros

Las divisiones de Carlitos, Snoopy y Lucy tienen la misma altura mínima (min-height), suficiente para que quepan las imágenes dentro.

## 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.