Comentarios al ejercicio Calendarios

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.

Esta obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.