Comentarios al ejercicio Calendarios

En este ejercicio no se proporciona el fichero sin formatear, hay que crearlo desde cero.

Etiquetas utilizadas

Al quitar el estilo se puede observar que las únicas etiquetas de bloque utilizadas son <h1>, <table>, <legend>, <tr>, <th> y <td>.

Al poner el estilo se puede observar que cada calendario está metido en una división <div>.

Clases utilizadas

Cada calendario es distinto, por lo que debe utilizarse una clase (o un id) para cada calendario. La clase se puede asignar a la tabla o a la división.

Otros

El ancho de las celdas en todas las tablas se puede establecer con la propiedad width en las celdas <td>. El alto de las celdas (para conseguir celdas cuadradas) se puede establecer con la propiedad height en las celdas <td>.

Calendario septiembre 2004

Las líneas horizontales indican que se han utilizado los atributos de <table> frame y rules. En estos casos, es conveniente establecer primero el atributo rules y después el atributo frame.

Calendario octubre 2004

Las líneas verticales indican que se han utilizado los atributos de <table> frame y rules. En estos casos, es conveniente establecer primero el atributo rules y después el atributo frame.

Calendario noviembre 2004

Sin comentarios

Calendario diciembre 2004

Al haber dos tipos de celdas, hay que crear dos clases de <td> (o sólo una).

Calendario enero 2005

Al haber dos tipos de filas, hay que crear dos clases de <tr> (o sólo una).

Calendario febrero 2005

Al haber dos tipos de columnas, hay que crear dos clases de <col /> (o sólo una).

Calendario marzo 2005

Las líneas verticales indican que se han utilizado el atributo de <table> rules y que hay dos grupos de columnas <colgroup>. Además las columnas de cada uno de los grupos tienen estilos distintos, por lo que hay que crear dos clases de <colgroup> o de <col /> en cada <colgroup> (o sólo una).

Calendario abril 2005

Este ejercicio se puede hacer de dos formas distintas:

• Al haber cuatro tipos de celdas, se pueden crear cuatro clases de <td> (o sólo tres), o
• Se pueden crear dos clases de columnas <col /> (o sólo una), dos clases de filas <tr> (o sólo una), y dos clases de celdas <td> (o sólo una).

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.