EJEMPLO DE TABLAS

Definición de la tabla.

Este es un ejemplo de una tabla con dos filas y dos columnas (dos celdas por fila).

CÓDIGO RESULTADO
<table>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>



 



 



 



 

Este es un ejemplo de una tabla con dos filas y cuatro columnas (cuatro celdas por fila)

CÓDIGO RESULTADO
<table>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td> &nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td> &nbsp;/td>
</tr>
</table>


     


     

El código &nbsp; que aparece entre las etiquetas de apertura <td> y cierre</td> de las celdas corresponde al carácter espacio vacío y su finalidad es que el navegador realice correctamente el borde de la tabla. Cuando una celda está totalmente vacía  el navegador no diferencia entre el borde y el fondo de la celda. Deberás tenerlo en cuenta si escribes directamente el código, si trabajas con un editor de HTML  colocan automáticamente el espacio en blanco al crear la tabla.
 
CÓDIGO RESULTADO
<table>
<tr>
<td>&nbsp;</td>
<td></td>
<td>&nbsp;</td>
<td></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td></td>
<td> &nbsp;/td>
</tr>
</table>


 


   




Volver a página Tablas

© 2008 Lorenzo Martínez | Validar HTML| Validar CSS| Agradecimientos|