Tablas en HTML

Una tabla es un medio de organizar datos en filas y columnas. En cada grupo de filas contiene a un grupo de celdas que pueden ser utilizadas para listar datos como listas, agendas, resultados y otros datos de una forma organizada y/o tabulada. En HTML se adopta como una forma de presentar información que no sería comprendida tan fácilmente de otra manera. HTML dispone de una gran variedad de etiquetas para crear tablas con sus atributos que se deben utilizar en una forma determinada.

Etiquetas básicas para tablas en HTML

1. Las tablas son definidas por las etiquetas TABLE y su cierre. (<Table>;</Table>).
2. Dentro de estas dos colocaremos las otras etiquetas de las tablas hasta llegar a las celdas. Y dentro de las celdas ya se podrá colocar textos e imágenes que será el contenido de la tabla.
3. Las tablas son descritas por líneas de arriba a abajo y luego por columnas de izquierda a derecha. Cada una de estas líneas, llamada fila, es definida por otra etiqueta y su cierre: TR.
4. Dentro de cada línea, habrá diferentes celdas. Cada una de estas celdas será definida por otra etiqueta: TD. Dentro de esta y su cierre será donde coloquemos el contenido.

Ejemplo práctico para crear una Tabla: 

Código:

<center> 

<table border=2 cellspacing=3 cellpadding=1 width="50%">

<tr>

 <td bgcolor="#FFFF00"> Celda 1, linea 1</td>

 <td bgcolor="#FFFF00"> Celda 2, linea 1</td>

 <td bgcolor="#FFFF00"> Celda 3, linea 1</td>

</tr>

<tr>

 <td bgcolor="#FFFF00"> Celda 1, linea 2</td>

 <td bgcolor="#FFFF00"> Celda 2, linea 2</td>

 <td bgcolor="#FFFF00"> Celda 3, linea 2</td>  

</tr>

<tr>

 <td bgcolor="#FFFF00"> Celda 1, linea 3</td>

 <td bgcolor="#FFFF00"> Celda 2, linea 3</td>

 <td bgcolor="#FFFF00"> Celda 3, linea 3</td>  

</tr>

</table>

</center>

Tiempo de ejecución (resultado):