Colegio Bucerias Danna González

Delgado ING. Azucena Cervantes

26/05/2015

Tabla en código HTML El fin de las tablas es preferentemente contener datos

ordenados en celdas (filas y columnas).

Las tablas más sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr> para crear cada fila y <td> para crear cada columna.

Que 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>.

Que significa TD? <td> Son las celdas que van dentro de cada fila las

tenemos que escribirlas con la etiqueta

Como insertas un borde en tu tabla?

El atributo border establece el grosor del borde de la tabla. El valor se interpreta en píxeles y no admite unidades. Si el valor es 0 o el atributo no está presente, los navegadores no dibujan ni el borde exterior de la tabla ni los bordes interiores de las celdas.

Código para colocar una tabla invisible

En el head el estilo:#miTabla {visibility: hidden;}

Y la tabla:<table id="miTabla" ><tbody><tr><td>....

Colspan Colspan, indica el número de columnas que ocupará

la celda. Por defecto ocupa una sola columna. De esta forma si ponemos <td colsan=2>, quiere

decir que la celda actual se extiende en el ancho de dos celdas.

Rowspan Rowspan, indica el número de filas que ocupará la

celda. Por defecto ocupa una sola fila. si ponemos <td rowspan=3>, la celda ocupará el alto

de 3 celdas normales.

Que es cellpadding?Cellpadding…………… Define, en pixels, el

espacio entre los bordes de la celda y el contenido de la misma.

Cellspacing cellspacing: Este atributo permite determinar o

especificar la distancia entre las celdas y entre las celdas y el margen exterior de la tabla.

Como insertar color de fondo en una celda El color de fondo de una celda se determina con la

propiedad "backgroundColor". Que el raton pase por encima de un elemento lo detectas con el evento "onmouseover". Que el raton deje de estar encima de un elemento lo detectas con el evento "onmouseout". 

Como insertas una imagen de fondo en una tabla?

Codigo:

<table width="630" border="2" align="center" style="background: url(../images/barraFondo.jpg) no-repeat">

Como alineas el contenido de una tabla?

Con estos códigos es posible alinear el contenido de una tabla.

Referencia APA Programar(2015)tablas en html Recuperado el 26 de mayo del 2015 de: http://aprenderaprogramar.com/

VIRTUALNAUTA(2015)tablas en html Recuperado el 26 de mayo del 2015 de: http://www.virtualnauta.com/html-etiqueta-tr

MCLIBRE(2015)CODIGO TR Recuperado el 26 de mayo del 2015 de: http://

www.mclibre.org/consultar/htmlcss/xhtml/xhtml_tablas_atributos.html#atributo1

FOROS DEL WEB(2015)CODIGO TD Recuperado el 26 de mayo del 2015 de: http

://www.forosdelweb.com/f4/como-hacer-que-tabla-sea-invisible-247997/

USABILIDAD(2015)COLSPAN Y ROWSPAN Recuperado el 26 de mayo del 2015 de: http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.asp

DESRROLLO WEB(2015)CELLPADDING Recuperado el 26 de mayo del 2015 de:

http://www.desarrolloweb.com/articulos/629.php

BLOG(2015)CELLSPACING Recuperado el 26 de mayo del 2015 de:http://bobuu.blogspot.com/2010/09/83-html-tablas-atributos-cellspacing-y.html

TUTORES(2015)ALINEAR TEXTO EN HTML Recuperado el 26 de mayo del 2015 de:http://www.tutores.org/codigo/1551/alinear-texto-dentro-de-celdas-y-tablas--valign/