INF2_EXC14_P1A_UNIDAD 3_HTML_Victor Radilla

1. HTML
Victor Manuel Radilla Benitez
Ing. Azucena Cervantes Ponce
Informática
28 de mayo del 2015
1A

2. ¿Que es una tabla en código HTML?
 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

3. ¿Que significa TR?
 <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

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

5. ¿Cómo insertas un simple borde en
tu tabla?
 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>

6. Código para colocar una tabla
invisible
 <table id="miTabla" ><tbody><tr><td>

7. ROWSPAN Y COLSPAN
 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.

8. geg
 <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>

9. CELLPADDING Y CELLSPACING
 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).

10. ¿Cómo insertas color de fondo en
una celda de una tabla?
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">

11. ¿Cómo insertas una imagen de
fondo en una tabla?
 [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]

12. ¿cómo alineas el contenido de la
tabla?
 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

13. Formato APA
 Platea(2015)Tablas
Recuperado el 27 de Mayo del 2015
De: http://platea.pntic.mec.es/~abercian/guiahtml/tablas.htm
 Mclibre(2015)Bordes
Recuperado el 27 de Mayo del 2015
De:http://www.mclibre.org/consultar/amaya/css/css_tablas_modos_bordes.html
 Usabilidad(2015)Colspan y Rowspan
Recuperado el 27 de Mayo del 2015
De: http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.asp
 Mailxmail(2015) Fondo de Tabla
Recuperado el 27 de Mayo del 2015
De: http://www.mailxmail.com/curso-html/color-fondo-tablas