El documento describe las diferentes propiedades y atributos que se pueden aplicar a las tablas y celdas HTML para modificar su apariencia y formato. Incluye ejemplos de cómo establecer bordes, anchos, altos, alineación, fusión de celdas, colores de fondo y borde, y fondo de imagen para tablas HTML.

1. Tablas HTML
Fco Javier Lucena Lucena

2. tabla BÁSICA
<TABLE>
<TR>
<TD>Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD>Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

3. Propiedad BORDER
<TABLE BORDER=”2”>
<TR>
<TD>Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD>Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

4. Ancho de la tabla - WIDTH
<TABLE BORDER=”2” WIDTH=”900”>
<TR>
<TD>Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD>Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

5. Alto de la tabla - HEIGHT
<TABLE BORDER=”2” HEIGHT=”900”>
<TR>
<TD>Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD>Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

6. Alto y ancho en CELDAS
<TABLE BORDER=”2” >
<TR>
<TD HEIGHT=”900”>Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD WIDTH=”900”>Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

7. Espacio entre CELDAS
<TABLE BORDER = ”1” CELLPADDING=”5” >
<TR>
<TD >Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD >Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

8. Espacio entre CELDAS
<TABLE BORDER = ”1” CELLSPACING=”5” >
<TR>
<TD >Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD >Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

9. Alineación de TABLAS
<TABLE ALIGN=”CENTER” >
<TR>
<TD >Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD >Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

10. Alineación de TABLAS
<CENTER>
<TABLE >
<TR>
<TD >Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD >Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>
</CENTER>

11. Alineación de CELDAS
<TABLE >
<TR>
<TD ALIGN=”CENTER” >Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD >Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

12. Alineación Vertical CELDAS
<TABLE >
<TR>
<TD VALIGN=”TOP” >Celda 1</TD>
<TD>Celda 2</TD>
</TR> TOP
<TR> MIDDLE
<TD >Celda 3</TD> BOTTOM
<TD>Celda 4</TD>
</TR>
</TABLE>

13. Fusión de CELDAS
<TABLE BORDER=1 >
<TR>
<TD COLSPAN=2 >España</TD>
</TR>
<TR> ROWSPAN
<TD >CEUTA</TD>
<TD>MELILLA</TD>
</TR>
</TABLE>

14. Color Borde TABLAS
<TABLE BORDERCOLOR=”BLUE” >
<TR>
<TD >Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD >Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

15. Color Fondo CELDAS
<TABLE BORDERCOLOR=”BLUE” >
<TR>
<TD BGCOLOR=”GREEN” >Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD >Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

16. Color Fondo TABLAS
<TABLE BGCOLOR=”GREEN” >
<TR>
<TD >Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD >Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>

17. Imagen de Fondo de TABLA
<TABLE BACKGROUND=”imagen.png” >
<TR>
<TD >Celda 1</TD>
<TD>Celda 2</TD>
</TR>
<TR>
<TD >Celda 3</TD>
<TD>Celda 4</TD>
</TR>
</TABLE>