Las tablas son muy utiles a la hora de ordenar y estructurar nuestros documentos web. Veamos de que etiquetas constan las tablas en el código html:

• La tabla utiliza el codigo pareado <TABLE> y </TABLE>.
• La tabla estará compuesta por filas que se definirán entre las etiquetas <TR> y </TR>.
• Las filas estarán compuestas por celdas que se definirán entre las etiquetas <TD> y </TD>.

          Veamos un ejemplo de tabla, donde podemos observar como definimos la tabla <TABLE> luego la fila <TR> y luego las celdas <TD> que contiene esa fila.

Atributos de <TABLE>:

    BORDERCOLOR: Coloreamos el borde de la tabla (2D):

    Si queremos dar una mejor sensación de color a nuestro marco de tabla (3D), podemos usar estos dos atributos siguientes en vez de el de arriba:

    BORDERCOLORLIGHT: Color de borde claro.

    BORDERCOLORDARK: Color de borde oscuro.

    Veamoslo más claro en el ejemplo:

    CELLPADDING : Este atributo marca la distancia desde la letra hasta el borde del marco de la tabla (en pixeles).

    CELLSPACING : Este atributo nos permite poner un valor a la distancia entre los cantos de el marco de la tabla (en pixeles).

    WIDTH y HEIGHT : Con estos atributos dimensionaremos la tabla. (Estos atributos para dimensionar ya los conocemos de antes por ejemplo en imagenes)

          Para definir una anchura y altura a la tabla se le dan valores a los atributos width y height.

Ejemplo:

<TABLE border=2 bordercolorlight=#6699FF bordercolordark=#003366 cellpadding=5 cellspacing=6 widht=450 height=150>
<TR>
<TD>FILA1COL1</TD>
<TD>FILA1COL2</TD>
</TR>
<TR>
<TD>FILA2COL1</TD>
<TD>FILA2COL2</TD>
</TR>
</TABLE>

          Resultado:

    ALIGN : Así alinearemos la tabla. (Este atributo tambien le conocemos de otros temas)

Ejemplo:

<TABLE border=2 bordercolorlight=#6699FF bordercolordark=#003366 cellpadding=5 cellspacing=6 widht=450 height=150 align=center>
<TR>
<TD>FILA1COL1</TD>
<TD>FILA1COL2</TD>
</TR>
<TR>
<TD>FILA2COL1</TD>
<TD>FILA2COL2</TD>
</TR>
</TABLE>

          Resultado:

    BGCOLOR : Le damos un color a la tabla. (Este atributo tambien le conocemos de otros temas)

Ejemplo:

<TABLE border=2 bordercolorlight=#6699FF bordercolordark=#003366 cellpadding=5 cellspacing=6 widht=450 height=150 align=center bgcolor=#FFFFCC>
<TR>
<TD>FILA1COL1</TD>
<TD>FILA1COL2</TD>
</TR>
<TR>
<TD>FILA2COL1</TD>
<TD>FILA2COL2</TD>
</TR>
</TABLE>

          Resultado:

    BACKGROUND : Le ponemos una imagen de fondo a la tabla. En este caso nuestra imagen es imgfon.gif. (Este atributo tambien le conocemos de otros temas)

Ejemplo:

<TABLE border=2 bordercolorlight=#6699FF bordercolordark=#003366 cellpadding=5 cellspacing=6 widht=450 height=150 align=center background="imgfon.gif">
<TR>
<TD>FILA1COL1</TD>
<TD>FILA1COL2</TD>
</TR>
<TR>
<TD>FILA2COL1</TD>
<TD>FILA2COL2</TD>
</TR>
</TABLE>

          Resultado:

    Estamos acabando el esta sección así como trabajando en otras nuevas. No olvides visitarnos otra vez y te recomendamos que eches un vistazo a nuestros enlaces promocionales y banners, así colaboraras a mantener y renovar nuestra página. Muchas Gracias.