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