El uso correcto de las tablas.

A través del tiempo se han experimentado muchos tipos y maneras de programar una Web.

Una de ellas es el uso de tablas para la estructura o esqueleto de la página.

¿Porque el uso de tablas nos podríamos preguntar?

Con la voraz competencia de los últimos tiempos, en el campo de la Web y el comienzo de la era de los sistemas CMS, se a hecho necesariamente importante la optimización de nuestras paginas Web.

La tabla permite en primer lugar y muy importante, que nuestra página sea fácil de visualizar en el explorador. Sin tener que esperar interminables segundos o minutos para poder determinar el contenido de una Web.

Segundo permite ordenar el contenido de la misma, colocando pequeños títulos o subtí­tulos, y así encontrar el contenido, que el ínter nauta busca a la hora de llegar a nuestra Web.

Estas son dos de las causas de porque el uso de las tablas debe ser considerado importante, a la ora de programar nuestra Web.

Acá dos ejemplos sencillos de tablas.

<table width=»100″ height=»16″  border=»1″ cellpadding=»1″ cellspacing=»1″>
<tr>
<th width=»32%» height=»50%» colspan=»2″ bgcolor=»#003399″ scope=»col»>&nbsp;</th>
<th colspan=»2″ scope=»col»>&nbsp;</th>
</tr>
<tr>
<td height=»50%»>&nbsp;</td>
<td>&nbsp;</td>
<td width=»33%»>&nbsp;</td>
<td width=»35%»>&nbsp;</td>
</tr>
</table>

Este se ve así.

Tabla1

­Sin bordes y espacios entre.

Tabla<table width=»100″ height=»16″>
<tr>
<th width=»32%» height=»50%» colspan=»2″ bgcolor=»#003399″ scope=»col»>Celda conbinada </th>
<th colspan=»2″ scope=»col»>Titulo</th>
</tr>
<tr>
<td height=»50%»>celda dividida </td>
<td>celda dividida</td>
<td width=»33%»>&nbsp;</td>
<td width=»35%»>&nbsp;</td>
</tr>
</table>