Comandosde tablas

Uno de los problemas que aparecen al visualizar texto en formato html es el de la tabulación. Para tabular datos es necesario insertar espacios en blanco. Esto resulta muy trabajoso y los resultados no son muy estéticos. Sin embargo, mediante el uso de tablas el proceso es mas sencillo y el resultado se verá mejor presentado.

Estructura de una tabla

Una tabla se genera con una sucesión de comandos anidados. El comando <table> es el general; luego puedes ponerle voluntariamente un título a la tabla con el comando <caption>; luego, para abrir una fila, se abre el comando <tr>, y después el comando <td> para abrir las columnas dentro de las filas. Todos estos comandos van anidados (menos caption) de la siguiente forma:

Ejemplo:

<table>
<caption>Título de la tabla</caption>
<tr>
  <td>nº1</td>
  <td>nº2</td>
</tr>
<tr>
  <td>Clase A</td>
  <td>Clase B</td>
</tr>
</table>

Modificadores

Todos estos modificadores que veremos a continuación se encuentran en <table>

<BORDER> determina el grosor del borde. Se mide en pixeles; si no se asigna a ningún valor, toma por defecto el valor de 1 píxel.
Dimensiones de la tabla. Las celdas adquieren automáticamente las dimensiones precisas para albergar su contenido. Para cambiar esas dimensiones se utilizan los modificadores WIDTH=X y HEIGHT=Y.
La separación entre celdas se puede cambiar con el modificador CELLSPACING=X.
Para modificar la separación entre el borde y el contenido de la tabla, se utiliza CELLPADDING=X.

Celdas

Como antes habiamos dicho, las etiquetas para definir las celdas son <TD> para las normales, pero también se puede poner <TH> para que las celdas vayan con texto en negrita y centradas, es decir, las que servirán de encabezamiento de la tabla. Dentro de <td> se utiliza el modificador VALIGN para precisar dónde va a estar el texto. Este modificador puede tomar los valores TOP (arriba), MIDDLE (en medio) o BOTTOM (abajo).

Celdas extendidas

Existe un tipo de tablas, llamadas tablas complejas, en las que algunas celdas se extienden sobre otras dando la impresión de que varias celdas se han convertido en una sola. Para extender una celda sobre varias columnas se usa el modificador COLSPAN. Por ejemplo, esta celda se extenderá sobre el espacio que ocuparían dos celdas: <TD COLSPAN=2> </TD>

Para extender una celda de manera que ocupe varias filas, se utiliza igual que COLSPAN, el modificador ROWSPAN.

Ejemplo:

Colores y fondos de tabla

Las etiquetas que se utilizan para componer una tabla completa, o una o varias celdas, son las mismas que las órdenes que indicaban el color o la imagen de fondo de una página completa: BGCOLOR=”#xxyyzz” o BACKGROUND=”imagen.jpg”. Estas etiquetas, como ya se ha dicho, se pueden aplicar a la tabla completa y también a cada celda.