TABLAS EN HTML
Adilene Cardenas Pof: Azucena Cervantes Ponce26/05/20151 AColegio Bucerias
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
¿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
¿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
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
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
ROWSPAN
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>
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
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
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
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
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