Este documento explica los conceptos básicos de las tablas en HTML. Define las etiquetas <table>, <tr>, y <td> y sus usos para crear la estructura básica de una tabla. También describe atributos como border, bgcolor, colspan, rowspan, cellpadding y cellspacing que permiten controlar el formato y apariencia de las tablas y celdas. Por último, explica cómo alinear el contenido dentro de las celdas.

1. HTML
Valeria Arvizu
Prof. Azucena Cervantes
28 de mayo del 2015
Informatica II

2. ¿Qué es una tabla en código HTML?
 La altura y anchura global de una tabla se indica dentro del atributo
<TABLE>, que señala la apertura y cierre de una tabla. Las
dimensiones se definen mediante WIDTH (ancho) y HEIGHT (alto) y
pueden expresarse en píxel o en tantos por ciento respecto a la
página:
<TABLE WIDTH=500>
</TABLE>
http://www.htmlpoint.com/guida/html_11.htm

3. ¿Qué significa “tr”?
 La etiqueta <tr> se utiliza para definir una fila
dentro de una tabla.
Este elemento puede contener una o más etiquetas
<th> o <td>.
Define las filas de la tabla que se definen
con <tr> y </tr> (table row). Un par de etiquetas
para cada una de las filas.
http://roble.pntic.mec.es/apuente/html/paginas/diez.htm

4. ¿Qué significa “td”?
 Dentro de cada fila se definen las celdas que forman
esa fila con las etiquetas <td> y </td> (table data).
La etiqueta <td> define una celda que contiene
datos dentro de una tabla.
El texto de esta celda se representa en tamaño
regular y alineado a la izquierda.
http://www.virtualnauta.com/html-etiqueta-td

5. ¿Cómo insertas un simple borde en tu
tabla?
 Para que se visualicen los bordes de una tabla,
debemos agregar el atributo border junto con el
valor expresado en pixels, de lo contrario no se
verán los bordes que dividen las celdas de la tabla.
http://www.virtualnauta.com/html-tablas

6. Escribe el código para colocar una tabla
invisible
 <table id=«mi tabla»><tbody><tr><td>

7. ¿Qué es “Colspand”?
¿Qué es “rowspand?
 Es la forma de fusionar celdas en una tabla.
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.
http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.asp

8. ¿Qué es “cell padding? ¿Qué es “cell
spacing”?
 Cellspacing:controla el espacio entre celdas de la
tabla. Aunque no hay un defecto oficial , los
navegadores suelen utilizar un valor predeterminado
de 2 .
 Cellpadding: establece la cantidad de espacio entre
el contenido de la celda y la pared de la celda

9. ¿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">
 Para cambiar el color a la celda
 <TD BGCOLOR="codigo de color">
 Para cambiar el color del borde
 <TABLE BORDERCOLOR="codigo de color">
http://www.mailxmail.com/curso-html/color-fondo-tablas

10. ¿Cómo insertas una imagen de fondo en
una tabla?
 <table width="" height="" border="" bordder color=""
background="url de la imagen que quieras de fondo
en tu tabla">
https://mx.answers.yahoo.com/question/index?qid=20070726132643AAQjAhu

11. ¿Cómo alineas el contenido de tu tabla?
(derecha, izquierda, centrado)
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td height="40" valign="top">texto alineado arriba </td>
</tr>
<tr>
<td height="40" valign="middle">texto alineado al centro </td>
</tr>
<tr>
<td height="40" valign="bottom">texto alineado abajo </td>
</tr>
<tr>
<td height="40" valign="baseline">texto alineado en la llinea de
base </td>
</tr>
</table>