Inf2 p1 a_danna gd
-
Upload
dgg2799 -
Category
Technology
-
view
204 -
download
1
Transcript of Inf2 p1 a_danna gd
![Page 1: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/1.jpg)
Colegio Bucerias Danna González
Delgado ING. Azucena Cervantes
26/05/2015
![Page 2: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/2.jpg)
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.
![Page 3: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/3.jpg)
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>.
![Page 4: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/4.jpg)
Que significa TD? <td> Son las celdas que van dentro de cada fila las
tenemos que escribirlas con la etiqueta
![Page 5: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/5.jpg)
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.
![Page 6: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/6.jpg)
Código para colocar una tabla invisible
En el head el estilo:#miTabla {visibility: hidden;}
Y la tabla:<table id="miTabla" ><tbody><tr><td>....
![Page 7: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/7.jpg)
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.
![Page 8: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/8.jpg)
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.
![Page 9: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/9.jpg)
![Page 10: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/10.jpg)
Que es cellpadding?Cellpadding…………… Define, en pixels, el
espacio entre los bordes de la celda y el contenido de la misma.
![Page 11: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/11.jpg)
Cellspacing cellspacing: Este atributo permite determinar o
especificar la distancia entre las celdas y entre las celdas y el margen exterior de la tabla.
![Page 12: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/12.jpg)
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".
![Page 13: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/13.jpg)
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">
![Page 14: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/14.jpg)
Como alineas el contenido de una tabla?
Con estos códigos es posible alinear el contenido de una tabla.
![Page 15: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/15.jpg)
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/
![Page 16: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/16.jpg)
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
![Page 17: Inf2 p1 a_danna gd](https://reader034.fdocument.pub/reader034/viewer/2022042722/58a3129b1a28ab1d068b5139/html5/thumbnails/17.jpg)
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/