Tablas HTML

1,656 views

Published on

Ejemplos básicos sobre creación de tablas en lenguaje HTML

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,656
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
28
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tablas HTML

  1. 1. Tablas HTML Fco Javier Lucena Lucena
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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>

×