Bien, volvamos al sencillo Jose.

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN="left" VALIGN="middle">Jose</TD>
</TR>
</TABLE>

Jose

Y en aras de la claridad, eliminemos los atributos de alineado. Sabemos lo que va a pasar porque sabemos cuáles son los valores por defecto. De camino, una sentencia o TAG le dice al navegador que haga algo. Un atributo o ATTRIBUTE va dentro de una sentencia o TAG y le dice al navegador cómo hacerlo.

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD>Jose</TD>
</TR>
</TABLE>

Jose

Ahora haremos nuestra tabla un poco mayor.

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>
<TR>
<TD>Jose</TD>
</TR>
</TABLE>

Jose

Debes pensar que mayor es un término técnico. Efectivamente, y su definición completa es tan compleja que sólo está al alcance de estudiantes avanzados de html.


Mi amigo, Juan, ha vuelto y esta vez quiere su propia celda.

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>
<TR>
<TD>Jose</TD>
<TD>Juan</TD>
</TR>
</TABLE>

Jose Juan

Cuando al navegador no se le dan instrucciones específicas, cada celda puede (aunque no siempre) ser de diferente tamaño. A menudo es una buena idea especificar cuán grande es cada celda. ¡Asegúrate de andar bien de aritmética o lo que la gente va a a ver va a ser drásticamente diferente de lo que has pensado!

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>
<TR>
<TD WIDTH=150>Jose</TD>
<TD WIDTH=150>Juan</TD>
</TR>
</TABLE>
Jose Juan

Estos atributos WIDTH (ANCHURA)también se pueden expresar en porcentajes.

<TABLE BORDER=3 WIDTH=300 HEIGHT=75>
<TR>
<TD WIDTH=50%>Jose</TD>
<TD WIDTH=50%>Juan</TD>
</TR>
</TABLE>
Jose Juan

 

PREGUNTA: He hecho una tabla y he incluído las dimensiones, pero la tabla no se muestra correctamente. Lo que se ve bien en el navegador A no va bien en el navegador B.

R: Ser específico con las dimensiones de las celdas es un negocio complicado. A menudo un navegador no muestra una tabla exactamente como está especificada. La mejor manera que he encontrado de evitar esto es diseñar las tablas como si fueran tiras de goma en vez de hacerlas rígidas como el marco de un cuadro. Una tabla flexible encaja mucho mejor que una caja rígida en cualquier navegador. Diseña tus tablas de forma que las diferencias menores entre navegadores no destruyan tu trabajo.