Tenemos tres tags principales, <TABLE>(inicio y final de tabla),<TR>(inicio y final de fila),<TD>(inicio y final de celda).
Cada uno de los tags admite varios parámetros, vamos a ver los básicos:

<TABLE>

• border: Borde de la tabla, se suele poner a cero.
• width: Anchura de la tabla. Esta página esta toda dentro de una tabla de anchura 600 pixels centrada en la página.
• cellpadding: Separación entre el contenido de las celdas y el borde de la celda. Por defecto es igual a 2 y si lo subimos a 10 el efecto es:

  fila1/celda1	fila1/celda2
  	fila2/celda2

• cellspacing: Separación entre las celdas. Por defecto es igual a 2 y si lo subimos a 10 el efecto es:

  fila1/celda1	fila1/celda2
  	fila2/celda2

• bgcolor: Color de fondo. (lo vemos en azul con la última tabla).

  fila1/celda1	fila1/celda2
  	fila2/celda2

<TD>

• width, height: Altura y anchura de la celda. Vamos a dimensionar la celda superior izquierda.

  <TABLE border=1> <TR> <TD width=100 height=100>fila1/celda1</TD> <TD>fila1/celda2</TD> </TR> <TR> <TD><img src="obras.gif" width=60 height=53 border=0></TD> <TD>fila2/celda2</TD> </TR> </TABLE>

  fila1/celda1 fila1/celda2 fila2/celda2

• align, valign: Alineamiento horizontal y vertical del contenido de la celda. Vamos a seguir modificando la celda superior izquierda.

  <TABLE border=1> <TR> <TD width=100 align=right valign=top height=100>fila1/celda1</TD> <TD>fila1/celda2</TD> </TR> <TR> <TD><img src="obras.gif" width=60 height=53 border=0></TD> <TD>fila2/celda2</TD> </TR> </TABLE>

  fila1/celda1 fila1/celda2 fila2/celda2

• bgcolor: Color de la celda. Ponemos en azul la celda superior izquierda.

  fila1/celda1	fila1/celda2
  	fila2/celda2

• rowspan: Con este tag le decimos al navegador que esa celda es tan alta como varias de las otras columnas, es decir, que la celda ocupa varias filas.

  <TABLE border=1> <TR> <TD rowspan=2>fila1/celda1</TD> <TD>fila1/celda2</TD> </TR> <TR> <TD>fila2/celda2</TD> </TR> </TABLE>

  fila1/celda1 fila1/celda2 fila2/celda2

• colspan: Con este tag le decimos al navegador que esa celda es tan ancha como varias de las otras filas, es decir, que la celda ocupa varias columnas.

  <TABLE border=1> <TR> <TD colspan=2>fila1/celda1</TD> </TR> <TR> <TD><img src="obras.gif" width=60 height=53 border=0></TD> <TD>fila2/celda2</TD> </TR> </TABLE>

  fila1/celda1 fila2/celda2

Entender colspan y rowspan es quiza lo más complicado del lenguaje HTML, pero hacer tablas complejas nos permitira distribuir con exactitud los elementos de la página.

Algo que se me olvidaba y que suele causar bastantes molestias, es que el tipo de letra que estamos usando en la página no se respeta dentro de las celdas, lo que nos obliga a tener que fijar el tipo de letra celda por celda muy a menudo.
Este problema se resuelve con el uso de CSS(hojas de estilo), que no veremos en este cursillo.