Tablas

-La estructura de una tabla se define mediante:

-una marca de inicio de la tabla (TABLE),

-una marca de comienzo de una nueva línea (TR) y

-una marca de comienzo de una celda (TD).

-Al final de cada uno de estos elementos se deberá definir la marca de final correspondiente.

-Esta estructura es bastante simple y muy fácilmente modificable.

-Se pueden definir además textos de cabecera en las celdas (TH) y títulos para las tablas (CAPTION).

-Una celda puede contener algunos de los siguientes elementos:

-texto

-listas

-otras tablas

-imágenes

-enlaces de hipertexto

-elementos de formulario



TABLE

-La marca <TABLE> permite la apertura de una tabla; el fin de tabla se especifica con </TABLE> .

Se puede indicar alguno de los siguintes atributos:

-BORDER: define el grosor del marco exterior (puede ser cero).

-CELLPADDING: define el espacio alrededor del texto de una celda.

-CELLSPACING: define el espacio entre celdas.



-El valor de estos atributos se especifica en píxels. Cuando no se les asigna ningún valor explícitamente estos atributos tomarán valores definidos por defecto.

-El valor por defecto del atributo BORDER es cero por lo que si éste atributo no se especifica se obtendrá una tabla sin bordes la cual suele ser muy útil para la alineación de elementos, uno al lado de otro, o uno debajo de otro. Para que se visualicen los bordes de la tabla bastará nombrar este atributo asignandole un valor, o no.

-Se puede determinar el tamaño de la tabla, bien forzandola a ocupar un cierto porcentaje de la anchura de la ventana del browser o definiendo un tamaño fijo en unidades, mediante los atributos:

-WIDTH: define el ancho de la tabla, bien en % o en unidades.

-HEIGTH: define el alto de la tabla, bien en % o en unidades.

celda 1	celda 2
celda 3	celda 4

-CODIGO:

<TABLE BORDER=5 CELLSPACING=6 CELLPADDING=8>

<TR><TD>celda 1</TD><TD>celda 2</TD></TR>

<TR><TD>celda 3</TD><TD>celda 4</TD></TR>

</TABLE>

-CODIGO (Para personalizar):

<TABLE BORDER WIDTH=300 HEIGHT=80>

<CAPTION>Definiendo el ancho y alto de la tabla en %</CAPTION>

<TR ALIGN="center">

Ancho (<I>WIDTH</I>)</TH>300

<TR ALIGN="center">

<TH>Alto (<I>HEIGHT</I>)</TH>

<TD>80</TD>

</TABLE>