HTML codigos html Tablas HTML

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;