tablas

Introducción


Permite la representación de datos por filas y columnas, en forma tabular. La definición es muy flexible indicando solo los elementos que forman cada fila y columna, calculándose de forma automática el tamaño que deben tener las celdas. En una tabla podemos introducir todo tipo de elementos del lenguaje HTML como imagenes, enlaces, texto, listas, cabeceras, formularios,etc.

No es necesario definir inicialmente el número de filas o columnas ya que estas se calculan según se va definiendo la tabla. En el caso que una fila tenga más columnas que otra, en las otras filas las columnas se representarán vacias, no siendo necesario que todas las filas sean iguales.

Definición de la Tabla


Para definir una tabla usaremos la etiqueta , que tiene elsiguiente formato:


... Definición de la tabla ...


En la etiqueta inicial TABLE definiremos los atributos que afectarán a toda la tabla, todos los atributos son opcionales. Todo lo que se incluya dentro de la instrucción de tabla se considerará como tal, pudiendo definir tablas anidadas (tablas dentro de tablas).

Ejemplo de tabla 1

Puede presentar los siguientesatributos:

BORDER =n
Si se especifica se dibujará un borde alrededor de la tabla y separanado los distintos campos que presenta. Indicaremos un número que especificará el tamaño del borde, por defecto será 0, es decir, no se dibujará ningún borde. Aunque no se dibuje el borde sí se mantendrá el espaciado los elementos de la tabla.

Ejemplo de tabla 4

Ejemplo de tabla 5

CELLSPACING=nIndica el espacio que debe existir entre las distintas celdas de la tabla. Por defecto será 2. Si se indica 0 no habrá ningún espacio entre las celdas.

CELLPADDING=n
Es la cantidad de espacio entre el borde de la celda y el contenido de esta, por defecto es 1. Si se indica 0 las celdas aparecerán sin separación.

Ejemplo de tabla 6

WIDTH=valor o porcentaje%:
Será el ancho dela tabla, se puede indicar como valor absoluto o como porcentaje del ancho del documento. En el primer caso se definirá en puntos y en el segundo en función del tamaño del documento (tamaño de la ventana del visualizador). Se recomienda utilizar tamaños de tabla en porcentaje del documento, ya que de esta forma la tabla queda perfectamente ajustada para cualquier tamaño del documento.

Ejemplo detabla 9

HEIGHT=valor o porcentaje%
Definirá el alto de la tabla, a igual que WIDTH, se puede indicar en valor absoluto o en porcentaje. En este caso es más recomendado en valor absoluto ya que el alto es más dificil que pueda coincir con el tamaño de la ventana.

Dentro de la instrucción de la tabla se incluirán los diversas etiquetas que defininen el contenido de la tabla.

Titulode la tabla


Especifica el titulo de la tabla, este se mostrará resaltado en la parte superior externa de la tabla. Siempre se mostrará centrado horizontalmente.

Titulo de la tabla

Con el atributo ALIGN indicaremos si el titulo debe aparecer arriba (TOP) o debajo (BOTTOM) de la tabla.

Fila de la tabla


Definirá cada una de las filas de la tabla y especificará losparámetros que afectarán a todas las celdas de la fila. Por cada elemento TR que se incluya se creará una fila de la tabla. No es necesario indicar la etiqueta de cierre . En caso de tablas anidadas será necesario incluir la etiqueta de cierre.



Se podrá especificar por defecto la alineación que tendrán los elementos dentro de las celdas.

ALIGN = LEFT ó CENTER ó RIGHT
Indica laalineación del elemento dentro de la celda, en este caso afectará a todos los valores situados en la fila actual, tambien se podrá indicar individualmente en los elementos TD. Puede tomar uno de los siguientes valores:

LEFT: Alineación a la izquierda de la celda. Este el valor que se toma por defecto
RIGHT: Alineación a la derecha.
CENTER: Indicará centrado.
VALIGN = TOP ó MIDDLE ó...