<Curso de programación HTML básico y creación de páginas web>

CURSO DE PROGRAMACIÓN HTML BÁSICO Y CREACIÓN DE PÁGINAS WEB

TEMA 4: Formato avanzado del documento

4.4 Trabajar con Tablas

Las tablas son elementos de organización y sirven para estructurar el documento, situar otros elementos y mejorar el diseño.
Están conformadas por filas (horizontales) y columnas (verticales) cuya unidad básica es la celda, de la cual hablaremos ampliamente en el siguiente tema.

Crear tablas puede parecer muy difícil en un comienzo, pero es cuestión de reflexionar previamente lo que necesitamos para luego construir el elemento.

Las etiquetas básicas para construir una tabla son:

<TABLE> </TABLE>	Con esta etiqueta se define una tabla, definiendo dónde inicia y termina.
<TR></TR>	Con estas etiquetas definimos las filas.
<TD></TD>	Y finalmente con esta etiqueta definimos las celdas.

Repasemos teóricamente los pasos para construir una tabla:

a) Primero que nada, necesitamos definir la tabla, para ello usaremos las etiquetas <TABLE>…</TABLE>, que van al principio y final respectivamente.
b) Dentro de esas etiquetas colocaremos filas (rows en inglés) con las etiquetas <TR>…</TR>. Utiliza una etiqueta por cada fila que desees agregar y no olvides colocarlas dentro de la definición de la tabla.
c) Finalmente, para crear las columnas, deberás incluir dentro de las etiquetas de filas las etiquetas de las celdas <TD>…</TD>. Por ejemplo si deseas definir tres columnas, colocarás tres etiquetas de celdas dentro de una misma etiqueta de fila. Veamos gráficamente este ejemplo:

<TABLE>

<TR>

<TD>
Celda 1
</TD> <TD>
Celda 3
</TD> <TD>
Celda 3
</TD>

</TR>

</TABLE>

Como podrás notar, realmente lo que ves como resultado de tu programación son el acomodo que hagas de las celdas dentro de la estructura de la tabla.