Tablas

Una de las principales utilidades de la tabla es la maquetación de  textos y figuras. Se utiliza la etiqueta  <TABLE>  para definir una tabla.

La forma de definir una tabla se basa en separar en filas y columnas, se utiliza la etiqueta <TR> para definir una fila, y la <TD> para las columnas, por ejemplo, una tabla con 3 columnas  y 2 filas se codifica y se representaría::

<TABLE>
  <TR>
    <TD>11</TD>
    <TD>12</TD>
    <TD>13</TD>
  </TR>
  <TR>
    <TD>21</TD>
    <TD>22</TD>
    <TD>23</TD>
  </TR>
</TABLE>
11 12 13
21 22 23

A la tabla se la puede dar una serie de formatos dentro de las etiqueta TABLE:

ALIGN Alineación de la tabla: derecha (RIGHT), izquierda (LEFT) y centro (CENTER).
WIDTH Anchura de la tabla, en pixels o en porcentaje de la anchura total de la ventana.
BORDER Grosor del borde de las celdas.
CELLSPACING Pixels de separación entre las celdas.
CELLPADDING Pixels entre el contenido y el borde de una celda.

Como ejemplo: <TABLE WIDTH="25%" BORDER=2  ALIGN=LEFT> veremos lo siguiente:

11 12 13
21 22 23

 

 

 

Título de la tabla

El título de la tabla se hace con la etiqueta CAPTION.

Ejemplo:

<TABLE>
  <CAPTION>
    Tabla 1
  </CAPTION>
...
</TABLE>
Tabla 1
11 12 13
21 22 23

Como parámetro tenemos ALIGN por defecto TOP y si es BOTTOM el título estará al final de la tabla.

Filas

Las filas se definen con la etiqueta TR y con los siguientes atributos:

ALIGN Contenido alineado a la izquierda (LEFT), derecha (RIGHT) y centro (CENTER).
VALIGN Contenido arriba (TOP), abajo (BOTTOM) o centro (MIDDLE).

 

Celdas

Las celdas se definen con las etiquetas TD y TH, ambas son equivalentes, aunque la última se utiliza para los encabezados, cuyo contenido por defecto se escribe centrado y en negrita. Tienen los siguientes atributos:

ALIGN Contenido alineado a la izquierda (LEFT), derecha (RIGHT) y centro (CENTER).
VALIGN Contenido arriba (TOP), abajo (BOTTOM) o centro (MIDDLE).
WIDTH Anchura de la celda, en pixels o el porcentaje del ancho total de la tabla.
COLSPAN Número de celdas de la fila situadas a la derecha (incluida la misma celda), por defecto es uno.
ROWSPAN Número de celdas de la columna debajo.
NOWRAP Impide que se rompa la línea en un espacio.

Ejemplo:

<TABLE BORDER=2>
  <TR>
    <TD COLSPAN=2>a</TD>
  </TR>
  <TR>
    <TD ROWSPAN=2>b</TD>
    <TD>c</TD>
    <TD>d</TD>
  </TR>
  <TR>
    <TD>e</TD>
    <TD>f</TD>
  </TR>
</TABLE>
a
b c d
e f