Este documento proporciona información sobre cómo crear y formatar tablas en HTML. Explica las etiquetas <table>, <tr>, y <td> para definir una tabla, filas y celdas. También cubre atributos como cellspacing, cellpadding, colspan, rowspan para controlar el espacio entre celdas, agregar bordes simples, hacer que celdas ocupen múltiples filas o columnas, y agregar color de fondo a celdas y filas. Además, incluye enlaces a sitios web con más detalles sobre el uso de

1. COLEGIO BUCERIAS
HTML
JOSUE RAMÓN RODRIGUEZ GIL
PROFA. AZUCENA CERVANTES PONCE
INFORMATICA
PARA EL 28 DE MAYO DEL 2015
PREPA 1.A

2.  Las tablas se usan con profusión en las páginas Web, muchas
veces debido a que son el único instrumento con el que se
cuenta, para asegurarse que las cosas estarán en su sitio.
Para definir una tabla se usan las etiquetas:
 <TABLE> y </TABLE> son las etiquetas donde está contenida
la tabla
¿QUE ES UNA TABLA EN CODIGO HTML?

3.  <tr> viene de table row que significa fila de la tabla
<TR> y </TR> son las etiquetas que indican el comienzo y fin
de una fila
¿QUE SIGNIFICA TR?

4.  <td> viene de table data que significa dato de la tabla.
 <TD> y </TD> señalan una celda.
¿QUE SIGNIFICA TD?

5.  Tienes que crearlas igual que lo estás haciendo, pero debes
poner que el espacio entre celdas (atributo cellspacing) sea igual
a cero, para que esa doble línea desaparezca. Así:
<table border=1 cellspacing=0 cellpadding=2
bordercolor="666633">
<tr><td>Esta tabla</td></tr>
<tr><td>Tiene borde simple</td></tr>
</table>
¿CÓMO INSERTAS UN SIMPLE BORDE EN
TU TABLA?

6.  <table id="miTabla" ><tbody><tr><td>
ESCRIBE EL CÓDIGO PARA COLOCAR UNA
TABLA INVISIBLE

7.  Rowspan, indica el número de filas que ocupará la celda. Por
defecto ocupa una sola fila.
 Colspan, indica el número de columnas que ocupará la celda.
Por defecto ocupa una sola columna.
ROWSPAN Y COLSPAN

8.  <table width="80%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="3"><p>Países Europeos</p></td>
<td><p>España</p></td>
<td><p>Madrid</p></td>
</tr>
<tr>
<td><p>Francia</p></td>
<td><p>Paris</p></td>
</tr>
<tr>
<td><p>Reino Unido</p></td>
<td><p>Londres</p></td>
</tr>
<tr>
<td rowspan="3"><p>Países Americanos</p></td>
<td><p>EEUU</p></td>
<td><p>Washington</p></td>
</tr>
<tr>
<td><p>Canada</p></td>
<td><p>Toronto</p></td>
</tr>
<tr>
<td><p>Mexico</p></td>
<td><p>Mexico</p></td>
</tr>
</table>
ROWSPAN Y COLSPAN

9.  Cellpadding: Define, en pixels, el espacio entre los bordes de
la celda y el contenido de la misma.
 Cellspacing :Define el espacio entre los bordes (en pixels).
CELLPADDING Y CELLSPACING

10. Para cambiar del color de fondo, basta con escribir la directiva
BGCOLOR dentro del elemento que de la tabla que se desee
cambiar.
Para cambiar el color a la tabla
 <TABLE BGCOLOR="codigo de color">
Para cambiar el color a la fila
 <TR BGCOLOR="codigo de color">
.¿CÓMO INSERTAS COLOR DE FONDO EN
UNA CELDA DE UNA TABLA?

11.  [table STYLE="WIDTH: 650PX; BACKGROUND-IMAGE:
URL(LINK); PADDING: 10PX;" CELLSPACING="0"]
 [tr][td STYLE="BACKGROUND-IMAGE: URL(LINK); WIDTH:
50PX;"]
 [/td][td STYLE="BACKGROUND-IMAGE: URL(LINK); WIDTH:
500PX; PADDING: 20PX 20PX 15PX 0PX; FONT-FAMILY:
TREBUCHET MS; FONT-SIZE: 11PX; LINE-HEIGHT: 100%; COLOR:
white;"]
[/td][/tr][/table]
.¿CÓMO INSERTAS UNA IMAGEN DE
FONDO EN UNA TABLA?

12.  WIDTH="30". Ancho de toda la fila o celda. También se puede
dar en %
 ALIGN=" left", "right", "center". Alinea el contenido a la
izquierda, derecha o centro
 VALIGN="top" , "middle" o "bottom". Alinea el contenido
verticalmente arriba, en medio o abajo
¿CÓMO ALINEAS EL CONTENIDO DE TU
TABLA? (DERECHA, IZQUIERDA,
CENTRADO)

13.  http://platea.pntic.mec.es/~abercian/guiahtml/tablas.htm
 http://www.mclibre.org/consultar/amaya/css/css_tablas_mo
dos_bordes.html
 http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.
asp
 http://www.mailxmail.com/curso-html/color-fondo-tablas
APA;