Lección 8: Tablas

Las tablas son una herramienta imporante en el diseño de un sitio Web

Una tabla la define la etiqueta <TABLE></TABLE> y sus atributos son:BORDER, BORDERCOLOR, CELLSPACING, CELLPADDING, WIDTH, HEIGHT, BACKGROUND. Estos atributos también afectan a las celdas (<TR> y <TD>)

En el siguiente ejemplo vamos a hacer una tabla de 2 x 3, es decir de 2 columnas y 3 filas. También le vamos a colocar la mayoría de sus atributos a un valor de cero, para que usted practique cambiando dichos valores.

<TABLE BORDER="1" BORDERCOLOR="#804000" CELLSPACING="0" CELLPADDING="0" WIDTH="200" HEIGHT="200" BACKGROUND="l5f1.GIF">
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
</TABLE>

Pruebe el código

Ahora pruebe quitando primero el atributo BACKGROUND y luego cambie los valores númericos de los demás atributos.

Nota: WIDTH="200" HEIGHT="200" expresan el ancho y el alto de la tabla en pixeles. Estos atributos también pueden ser expresados en %, indicando el % respecto a la pantalla. Esto quiere decir que en un monitor de más alta resolución, la página web se verá más extendida que en uno de menor resolución

Para mantener el mismo ancho o alto en una página sin importar la resolución del monitor es mejor expresar el ancho y el alto en pixeles.


Lección AnteriorLección siguiente