Podemos controlar dónde aparecerán los datos dentro de las celdas.
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN="center">Jose</TD> </TR> </TABLE>
| Jose |
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN="right">Jose</TD> </TR> </TABLE>
| Jose |
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN="left">Jose</TD> </TR> </TABLE>
| Jose |
Ya ves que el valor por defecto es (habitualmente) ALIGN="left". Como probablemente ya sabrás, este valor por defecto es el que asume el navegador si no se le dice otra cosa.
Y también podemos controlar la situación vertical de los datos en la celda.
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN="left" VALIGN="top">Jose</TD> </TR> </TABLE>
| Jose |
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN="left" VALIGN="bottom">Jose</TD> </TR> </TABLE>
| Jose |
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN="left" VALIGN="middle">Jose</TD> </TR> </TABLE>
| Jose |
El valor por defecto es usualmente en el medio.
Una pequeña disgresión. Las imágenes pueden ser
utilizadas y manipuladas en una celda. Imagínate que este soy yo, cógeme*,
, y grábame en la carpeta en la que estás trabajando (donde
grabaste tabla1.html). Ahora introduce una sentencia <IMG>
y elimina mi nombre Jose.
* Para grabar una imagen de una página web, haz clic con el botón derecho y elige Guardar imagen como (o algo similar).
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN="left" VALIGN="middle"><IMG SRC="jose.gif" WIDTH=32 HEIGHT=32 ALT="Jose"></TD> </TR> </TABLE>
Creo que es un buen momento para enfatizar que es una buena práctica incluir los atributos de anchura y altura en tus sentencias de imágenes, porque cuando tu navegador sepa por anticipado cúan grande va a ser la imagen, la página cargará más rápido.