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»> </th>
<th colspan=»2″ scope=»col»> </th>
</tr>
<tr>
<td height=»50%»> </td>
<td> </td>
<td width=»33%»> </td>
<td width=»35%»> </td>
</tr>
</table>
Este se ve así.
Sin bordes y espacios entre.
<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%»> </td>
<td width=»35%»> </td>
</tr>
</table>