Comentarios al ejercicio Anuncios por palabras

Etiquetas utilizadas

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

Al poner el estilo se puede observar que cada anuncio forma una ficha, por tanto hay divisiones agrupando cada anuncio. Además, cada apartado (Compra/venta, Cambio, Varios, Empleo) también forma una ficha, por tanto hay divisiones agrupando cada apartado.

Clases utilizadas

Las divisiones que agrupan los anuncios y los apartados son diferentens, así que se necesitarán clases para distingurilos. Una forma sencilla de hacerlo es dar una clase a las cuatro divisiones de apartados. Para referirse a las divisiones de los anuncios basta con utilizar el selector de descendientes div div.

Otros

Al variar el tamaño de letra y el ancho de la ventana se puede observar que el ancho de los apartados no cambia. Eso indica que su tamaño está definido en px.

Los apartados se muestran uno al lado del otro. Eso se puede conseguir con posicionamiento flotante.

En el penúltimo anuncio el texto no cabe en la columna y se muestran barras de desplazamiento, por lo que se debe utilizar la propiedad overflow en las divisiones de los anuncios.

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.