martes, 17 de febrero de 2009

TABLAS

Para definir tablas hemos de utilizar la directiva <TABLE> (necesita directiva de cierre cuando acabemos de poner todos los elementos de la tabla).
Asímismo, una tabla se compone de filas y columnas, pues para definirlas hemos de utilizar las directivas <TR> para definir las filas y, dentro de cada fila, definiremos las columnas que queremos que tenga utilizando la directiva <TD> (con su respectiva de cierre) para cada columna.

TABLAS 1:
El primer ejercicio de tablas consiste en una tabla con 8 filas y 6 columnas, con el horario de clase.

Tanto las columnas y filas de nuestra tabla se puede personalizar haciendo uso de los atributos de la directiva <TABLE>, entre ellos:

  • align=valor; que nos permite alinear HORIZONTALMENTE el contenido de la celda y que podrá tomar los valores CENTER, LEFT, RIGHT o JUSTIFY.
  • valign=valor; que nos permite alinear VERTICALMENTE el contenido de la celda y que podrá tomar los valores TOP, MIDDLE y BOTTOM.
  • bgcolor=numero; para poner un color de fondo a la celda. Si este atributo lo ponemos en la directiva de la fila pondrá el color para todas las celdas (columnas) que componen la fila. Si usamos esta atributo en la directiva TABLE, pondremos color a toda la tabla.
  • background=imagen; pondrá una imagen de fondo a la celda o a la fila. Si usamos esta atributo en la directiva TABLE, pondremos una imagen a toda la tabla.

También hemos visto la directiva que nos permite poner un título a la tabla (CAPTION)

TABLAS 2: El segundo ejercicio de tablas consiste en hacer el horario de clase pero poniendo las celdas y/o filas de colores o con una imagen y utilizando los atributos de TABLE para poner márgenes (CELLPADDING y CELLSPACING).

Por último, hemos visto las directivas que nos permiten unir filas y columnas (ROWSPAN y COLSPAN)

TABLAS 3: El último ejercicio de tablas consiste en hacer un horario completo donde se aplique lo que hemos visto y se ponga el recreo en una única celda que ocupe toda la tabla. También habrá que poner cada asignatura con un color.