Post on 14-Feb-2017
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/