Uso de tablas en HTML

Hoy les platicare sobre el uso de las tablas en HTML. Primero empecemos describiendo la estructura básica de una tabla:


<table>
<tr>
<td>Hola Mundo</td>
</tr>
</table>

La estructura da a conocer que hay una tabla con una columna y una fila: "tr" es la fila y todas las "td" serán las columnas de esa fila.

La tabla puede tener un color de fondo o una imagen, así como cada columna:

Tabla con color de fondo

<table bgcolor="#003366"> <!-- color azul marino -->
<tr>
<td>Hola Mundo</td>
</tr>
</table>

Tabla con imagen de fondo

<table background="imagen.jpg"> <!-- imagen -->
<tr>
<td>Hola Mundo</td>
</tr>
</table>

Celda con color de fondo
<table> <!-- color azul marino -->
<tr>

<td bgcolor="#00000">Hola Mundo</td> <!--celda color negra -->
</tr>
</table>


Celda con imagen de fondo

<table>
<tr>
<td background="imagen.jpg">Hola Mundo</td> <!-- imagen -->
</tr>
</table>



Lo que sigue es que tú combines filas y columnas para que te quede mpas claro todo esto, no olvides que la práctica hace al maestro.