Las tablas en HTML permiten organizar información en filas y columnas para resumir grandes cantidades de datos de manera rápida y fácil. Las etiquetas <table> definen una tabla, <tr> una fila, y <td> una celda común. Para mostrar bordes se usa el atributo "border", y para manipular el espacio entre celdas se usan "cellpadding" y "cellspacing".

1. Código HTML
Informática
Maestra: Azucena Cervantes Ponce
Colegio Bucerias
27/Mayo/2015
Esli Daniela Chávez

2. ¿Qué es una tabla en un código
HTML?
Las tablas nos permiten representar y ordenar
cualquier elemento de nuestra presentación en
diferentes filas y columnas de modo que podamos
resumir grandes cantidades de información de
una manera que puede representarse rápida y
fácilmente.
Etiqueta: <table> y para cerrar la etiqueta </table>
Web estilo(2009) Tabla
Recuperado: 27/mayo/2015
De:
http://www.webestilo.com/html/cap5a
ml

3. ?Qué significa “tr” y “td”?
Cada fila de la tabla se indica
mediante las etiquetas
<tr>.....</tr>. Las tags <th> y
<td> con sus correspondientes
tags de cierre, son para indicar
las filas individuales dentro de
cada fila.
Las etiquetas <td>.....</td> indican
que se trata de celdas comunes.
Web estilo(2009) Etiquetas tr y td
Recuperado: 27/mayo/2015
De:
http://www.webestilo.com/html/cap5a
ml

4. ?Cómo insertar un borde en una
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.
Virtualnauta(2015) Bordes
Recuperado 27/mayo/2015
De: http://www.virtualnauta.com/html-
tablas

5. Código para una tabla invisible
Puedes manipular el tamaño y así hacer que desaparezca, por
ejemplo:
<table border=“4”>
<table border=“7”>
<table=“0”>

6. Colspan y rowspan
Colspan:
Indica el número de columnas que ocupará la celda. Por
defecto ocupa una sola columna.
De esta forma si ponemos <td colspan=2>, quiere decir que la
celda actual se extiende en el ancho de dos celdas.
Rowspan:
Indica el número de filas que ocupará la celda.
Algo parecido ocurre si ponemos <td rowspan=3>, la celda
ocupará el alto de 3 celdas normales.
Usabilidad(2015) Colspan y rowspan
Recuperado 27/mayo/2015
De:
http://www.usabilidad.tv/tutoriales_ht
ml/colspan_y_rowspan.asp

8. ?Qué es 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).

9. ?Cómo insertas color de fondo en
una celda de una tabla?
Para cambiar el color a la celda
<TD BGCOLOR="codigo de color">
Mailxmail(2015) Color en las celdas
Recuperado: 27/mayo/2015
De: http://www.mailxmail.com/curso-
html/color-fondo-tablas

10. ?Cómo insertas una imágen de
fondo en una tabla?
Etiqueta:
<table width="" height="" border="" border
color="" background="aqui pones la ulr de la
imagen que quieras de fondo en tu tabla">

11. Alinear el contenido de una tabla
En la primera celda el texto está alineado a la izquierda. No hay que
hacer nada, es la alineación que se establece por defecto. (Podría
escribirse, de todas formas: <td align="left">).
En la segunda celda el texto está alineado en el centro: <td
align="center">.
En la tercera celda el texto está alineado a la derecha: <td
align="right">.