inf2 exc15 p1a_adilene
TRANSCRIPT
![Page 1: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/1.jpg)
TABLAS EN HTML
Adilene Cardenas Pof: Azucena Cervantes Ponce26/05/20151 AColegio Bucerias
![Page 2: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/2.jpg)
TABLA EN CODIGO HTML
Una tabla HTML puede ser considerada, de manera simple, como un grupo de filas donde cada una de ellas contiene un grupo de celdas (y no al revés). Las tablas, como toda estructura en los documentos HTML, son definidas usando elementos.Una tabla en html viene marcada por las etiquetas <table> </table>.
http://www.htmlquick.com/es/tutorials/tables.htmlDiseño y desarrollo: Latitud29.com26/05/2015
![Page 3: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/3.jpg)
¿QUÉ SIGNIFICA “TR”?
El elemento HTML tr inserta una fila en una tabla.
http://www.htmlquick.com/es/reference/tags/tr.htmlDiseño y desarrollo: Latitud29.com26/05/2015
![Page 4: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/4.jpg)
¿QUÉ SIGNIFICA “TD”?
Las celdas que van dentro de cada fila las tenemos que escribirlas con la etiqueta <td> y su correspondiente cierre </td>.
También se pueden utilizar…Las celdas poseen unos atributos que nos ayudan a poder agrupar tantas celdas o tantas columnas como indiquemos en él. Para agrupar celdas utilizaríamos el atributo "colspan" y para agrupar celdas el atributo "rowspan".
Por ejemplo, para agrupar en una celda 2 columnas tenemos que escribir: <td colspan="2"></td>. Y para agrupar dos filas, la indicación sería la siguiente: <td rowspan= "2"></td>.
http://html.hazunaweb.com/109.phpArtículo escrito por Alberto Gómez26/05/2015
![Page 5: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/5.jpg)
SIMPLE BORDESe utiliza este codigo:
<table border=1 cellspacing=0 cellpadding=2 bordercolor="666633">
<tr><td>Esta tabla</td></tr>
<tr><td>Tiene borde simple</td></tr>
</table>
http://www.desarrolloweb.com/faq/173.phpMiguel Angel Alvarez26/05/2015
![Page 6: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/6.jpg)
COLSPAND
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.asp27/05/20152000 - 2015 - Usabilidad TVAdilene cardenas
![Page 7: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/7.jpg)
ROWSPAN
![Page 8: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/8.jpg)
CODIGO DE COLSPAN Y ROWSPAND<table width="80%" border="1" cellspacing="0" cellpadding="0"><tr> <td rowspan="3"><p>Países Europeos</p></td><td><p>España</p></td><td><p>Madrid</p></td></tr><tr> <td><p>Francia</p></td><td><p>Paris</p></td></tr><tr> <td><p>Reino Unido</p></td><td><p>Londres</p></td></tr><tr> <td rowspan="3"><p>Países Americanos</p></td><td><p>EEUU</p></td><td><p>Washington</p></td></tr><tr> <td><p>Canada</p></td><td><p>Toronto</p></td></tr><tr> <td><p>Mexico</p></td><td><p>Mexico</p></td></tr></table>
![Page 9: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/9.jpg)
CELL PADDING
El atributo cellpadding especifica el espacio, en píxeles, entre la pared celular y el contenido celular.
http://www.w3schools.com/tags/att_table_cellpadding.aspAdilene cardenas 27/05/2015
![Page 10: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/10.jpg)
CELL SPACING
El atributo cellspacing especifica el espacio, en píxeles, entre las células.
http://www.w3schools.com/tags/att_table_cellspacing.aspAdilene cardenas27/05/2015
![Page 11: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/11.jpg)
FONDO DE COLOR EN UNA TABLA
Para poner color de fondo en una tabla se utiliza bgcolor es decir se utiliza el código:
<TABLE BGCOLOR="código de color">
http://www.mailxmail.com/curso-html/color-fondo-tablasFecha publicación: 20/10/2006Autor: Felipe Javier Mckeever
![Page 12: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/12.jpg)
FONDO DE IMAGEN EN UNA TABLA
Utilizas este codigo:
<table width="" height="" border="" bordder
color="" background="aqui pones la ulr de la
imagen que quieras de fondo en tu tabla">
http://uvsfajardo.sld.cu/diseno-de-tablas-en-html29 de mayo de 2015Dr. Suiberto Hechavarría Toledo
![Page 13: Inf2 exc15 p1a_adilene](https://reader031.vdocuments.co/reader031/viewer/2022032117/55c8ebfebb61eb582b8b463e/html5/thumbnails/13.jpg)
ALINEACIÓN DE CONTENIDO EN UNA TABLA.
<tr><td align="right">right</td><td>alineado a la derecha</td></tr>
<tr><td align="left">left</td><td>alineado a la izquierda</td></tr>
<tr><td align="center">center</td><td>texto centrado</td></tr>
http://www.virtualnauta.com/ejemplos/editor-html.php?ejemplo=table-td-align