SlideShare una empresa de Scribd logo
1 de 13
COLEGIO BUCERIAS
HTML
JOSUE RAMÓN RODRIGUEZ GIL
PROFA. AZUCENA CERVANTES PONCE
INFORMATICA
PARA EL 28 DE MAYO DEL 2015
PREPA 1.A
 Las tablas se usan con profusión en las páginas Web, muchas
veces debido a que son el único instrumento con el que se
cuenta, para asegurarse que las cosas estarán en su sitio.
Para definir una tabla se usan las etiquetas:
 <TABLE> y </TABLE> son las etiquetas donde está contenida
la tabla
¿QUE ES UNA TABLA EN CODIGO HTML?
 <tr> viene de table row que significa fila de la tabla
<TR> y </TR> son las etiquetas que indican el comienzo y fin
de una fila
¿QUE SIGNIFICA TR?
 <td> viene de table data que significa dato de la tabla.
 <TD> y </TD> señalan una celda.
¿QUE SIGNIFICA TD?
 Tienes que crearlas igual que lo estás haciendo, pero debes
poner que el espacio entre celdas (atributo cellspacing) sea igual
a cero, para que esa doble línea desaparezca. Así:
<table border=1 cellspacing=0 cellpadding=2
bordercolor="666633">
<tr><td>Esta tabla</td></tr>
<tr><td>Tiene borde simple</td></tr>
</table>
¿CÓMO INSERTAS UN SIMPLE BORDE EN
TU TABLA?
 <table id="miTabla" ><tbody><tr><td>
ESCRIBE EL CÓDIGO PARA COLOCAR UNA
TABLA INVISIBLE
 Rowspan, indica el número de filas que ocupará la celda. Por
defecto ocupa una sola fila.
 Colspan, indica el número de columnas que ocupará la celda.
Por defecto ocupa una sola columna.
ROWSPAN Y COLSPAN
 <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>
ROWSPAN Y COLSPAN
 Cellpadding: Define, en pixels, el espacio entre los bordes de
la celda y el contenido de la misma.
 Cellspacing :Define el espacio entre los bordes (en pixels).
CELLPADDING Y CELLSPACING
Para cambiar del color de fondo, basta con escribir la directiva
BGCOLOR dentro del elemento que de la tabla que se desee
cambiar.
Para cambiar el color a la tabla
 <TABLE BGCOLOR="codigo de color">
Para cambiar el color a la fila
 <TR BGCOLOR="codigo de color">
.¿CÓMO INSERTAS COLOR DE FONDO EN
UNA CELDA DE UNA TABLA?
 [table STYLE="WIDTH: 650PX; BACKGROUND-IMAGE:
URL(LINK); PADDING: 10PX;" CELLSPACING="0"]
 [tr][td STYLE="BACKGROUND-IMAGE: URL(LINK); WIDTH:
50PX;"]
 [/td][td STYLE="BACKGROUND-IMAGE: URL(LINK); WIDTH:
500PX; PADDING: 20PX 20PX 15PX 0PX; FONT-FAMILY:
TREBUCHET MS; FONT-SIZE: 11PX; LINE-HEIGHT: 100%; COLOR:
white;"]
[/td][/tr][/table]
.¿CÓMO INSERTAS UNA IMAGEN DE
FONDO EN UNA TABLA?
 WIDTH="30". Ancho de toda la fila o celda. También se puede
dar en %
 ALIGN=" left", "right", "center". Alinea el contenido a la
izquierda, derecha o centro
 VALIGN="top" , "middle" o "bottom". Alinea el contenido
verticalmente arriba, en medio o abajo
¿CÓMO ALINEAS EL CONTENIDO DE TU
TABLA? (DERECHA, IZQUIERDA,
CENTRADO)
 http://platea.pntic.mec.es/~abercian/guiahtml/tablas.htm
 http://www.mclibre.org/consultar/amaya/css/css_tablas_mo
dos_bordes.html
 http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.
asp
 http://www.mailxmail.com/curso-html/color-fondo-tablas
APA;

Más contenido relacionado

La actualidad más candente (18)

Pagina web v
Pagina web vPagina web v
Pagina web v
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Codigos html
Codigos htmlCodigos html
Codigos html
 
Tablas en Html
Tablas en HtmlTablas en Html
Tablas en Html
 
Indes.html
Indes.htmlIndes.html
Indes.html
 
Tarea tercero bachillerato
Tarea tercero bachilleratoTarea tercero bachillerato
Tarea tercero bachillerato
 
Trabajo tablas
Trabajo tablasTrabajo tablas
Trabajo tablas
 
Tablas
TablasTablas
Tablas
 
Html manual
Html manualHtml manual
Html manual
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
tablas
tablastablas
tablas
 
Trabajo 3
Trabajo 3Trabajo 3
Trabajo 3
 
HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.
HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.
HTML COMO CREAR TABLAS Y TIPOS DE LISTAS.
 
Taller5
Taller5Taller5
Taller5
 
Tablas de HTML
Tablas de HTMLTablas de HTML
Tablas de HTML
 
Inf2 exc15 p1a_adilene
Inf2 exc15 p1a_adileneInf2 exc15 p1a_adilene
Inf2 exc15 p1a_adilene
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
Unidad V
Unidad V Unidad V
Unidad V
 

Destacado (14)

Expo sobre fresnillo
Expo sobre fresnilloExpo sobre fresnillo
Expo sobre fresnillo
 
Calendario evaluaciones 2016
Calendario evaluaciones 2016Calendario evaluaciones 2016
Calendario evaluaciones 2016
 
Membuat semua orang bisa terlibat dalam proses Pendidikan Bangsa dengan ba...
Membuat semua orang bisa terlibat dalam proses Pendidikan Bangsa dengan ba...Membuat semua orang bisa terlibat dalam proses Pendidikan Bangsa dengan ba...
Membuat semua orang bisa terlibat dalam proses Pendidikan Bangsa dengan ba...
 
Collège ste thérèse (french) school presentation
Collège ste thérèse (french) school presentationCollège ste thérèse (french) school presentation
Collège ste thérèse (french) school presentation
 
Community Manager: la dirección de RR.PP en la red
Community Manager: la dirección de RR.PP en la redCommunity Manager: la dirección de RR.PP en la red
Community Manager: la dirección de RR.PP en la red
 
La revolucion del miedo
La revolucion del miedo La revolucion del miedo
La revolucion del miedo
 
Mapping Flood POI Using OSM and Photovoice
Mapping Flood POI Using OSM and PhotovoiceMapping Flood POI Using OSM and Photovoice
Mapping Flood POI Using OSM and Photovoice
 
Formato condicional en exel
Formato condicional en exelFormato condicional en exel
Formato condicional en exel
 
Mmorts ios
Mmorts iosMmorts ios
Mmorts ios
 
Currículo importante
Currículo importante Currículo importante
Currículo importante
 
Hydro Power Developer and Consultant
Hydro Power Developer and ConsultantHydro Power Developer and Consultant
Hydro Power Developer and Consultant
 
Código ético
Código ético Código ético
Código ético
 
Tutorial castracion cerdos
Tutorial castracion cerdosTutorial castracion cerdos
Tutorial castracion cerdos
 
Man made disasters
Man made disastersMan made disasters
Man made disasters
 

Similar a Inf1 p1 a_ex5_josue ramon rodriguez gil

Inf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyvaInf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyvafridaleyvateran
 
Inf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyvaInf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyvafridaleyvateran
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraPipe Gomex
 
Pagina web 5.
Pagina web 5.Pagina web 5.
Pagina web 5.juanesvs
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraMateo Torres
 
Guia 5 de html tablas
Guia 5 de html   tablasGuia 5 de html   tablas
Guia 5 de html tablaslisvancelis
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraMateo Remolina
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraMateo Remolina
 
sites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdf
sites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdfsites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdf
sites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdffgu
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerraDaniel Esteban
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerraEdward Neuta
 
Penenope
PenenopePenenope
PenenopeRocnar
 
Guía No.1 grado 7
Guía No.1 grado 7Guía No.1 grado 7
Guía No.1 grado 7gregoriopena
 

Similar a Inf1 p1 a_ex5_josue ramon rodriguez gil (20)

Inf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyvaInf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyva
 
Inf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyvaInf2 exc15 p1_a_unidad 3_html_fridaleyva
Inf2 exc15 p1_a_unidad 3_html_fridaleyva
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Tablas
TablasTablas
Tablas
 
Pagina web 5.
Pagina web 5.Pagina web 5.
Pagina web 5.
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Guia 5 de html tablas
Guia 5 de html   tablasGuia 5 de html   tablas
Guia 5 de html tablas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
sites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdf
sites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdfsites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdf
sites_google_com_site_karlosnun_curso_html_tablas_html_pli_1.pdf
 
internet
internetinternet
internet
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Penenope
PenenopePenenope
Penenope
 
Portada
PortadaPortada
Portada
 
Clase tres de xhtml
Clase tres de xhtmlClase tres de xhtml
Clase tres de xhtml
 
Guía No.1 grado 7
Guía No.1 grado 7Guía No.1 grado 7
Guía No.1 grado 7
 
Tablas
TablasTablas
Tablas
 
Pagina WEB (V)
Pagina WEB (V)Pagina WEB (V)
Pagina WEB (V)
 
Exámen Codecademy
Exámen CodecademyExámen Codecademy
Exámen Codecademy
 

Más de Josue Rodriguez

Inf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gilInf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gilJosue Rodriguez
 
Inf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gilInf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gilJosue Rodriguez
 
Inf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gilInf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gilJosue Rodriguez
 
Inf1 p1 a_exc5_josue ramon rodriguez gil
Inf1 p1 a_exc5_josue ramon rodriguez gil Inf1 p1 a_exc5_josue ramon rodriguez gil
Inf1 p1 a_exc5_josue ramon rodriguez gil Josue Rodriguez
 
Inf2 exc12 p1_a_unidad 3_html_josue rodriguez
Inf2 exc12 p1_a_unidad 3_html_josue rodriguezInf2 exc12 p1_a_unidad 3_html_josue rodriguez
Inf2 exc12 p1_a_unidad 3_html_josue rodriguezJosue Rodriguez
 
INF2_P1_EXC2_Josue Ramon Rodriguez Gil 1,A
INF2_P1_EXC2_Josue Ramon Rodriguez Gil 1,AINF2_P1_EXC2_Josue Ramon Rodriguez Gil 1,A
INF2_P1_EXC2_Josue Ramon Rodriguez Gil 1,AJosue Rodriguez
 

Más de Josue Rodriguez (6)

Inf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gilInf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gil
 
Inf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gilInf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gil
 
Inf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gilInf1 p1 a_ex5_josue ramon rodriguez gil
Inf1 p1 a_ex5_josue ramon rodriguez gil
 
Inf1 p1 a_exc5_josue ramon rodriguez gil
Inf1 p1 a_exc5_josue ramon rodriguez gil Inf1 p1 a_exc5_josue ramon rodriguez gil
Inf1 p1 a_exc5_josue ramon rodriguez gil
 
Inf2 exc12 p1_a_unidad 3_html_josue rodriguez
Inf2 exc12 p1_a_unidad 3_html_josue rodriguezInf2 exc12 p1_a_unidad 3_html_josue rodriguez
Inf2 exc12 p1_a_unidad 3_html_josue rodriguez
 
INF2_P1_EXC2_Josue Ramon Rodriguez Gil 1,A
INF2_P1_EXC2_Josue Ramon Rodriguez Gil 1,AINF2_P1_EXC2_Josue Ramon Rodriguez Gil 1,A
INF2_P1_EXC2_Josue Ramon Rodriguez Gil 1,A
 

Último

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 

Último (10)

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 

Inf1 p1 a_ex5_josue ramon rodriguez gil

  • 1. COLEGIO BUCERIAS HTML JOSUE RAMÓN RODRIGUEZ GIL PROFA. AZUCENA CERVANTES PONCE INFORMATICA PARA EL 28 DE MAYO DEL 2015 PREPA 1.A
  • 2.  Las tablas se usan con profusión en las páginas Web, muchas veces debido a que son el único instrumento con el que se cuenta, para asegurarse que las cosas estarán en su sitio. Para definir una tabla se usan las etiquetas:  <TABLE> y </TABLE> son las etiquetas donde está contenida la tabla ¿QUE ES UNA TABLA EN CODIGO HTML?
  • 3.  <tr> viene de table row que significa fila de la tabla <TR> y </TR> son las etiquetas que indican el comienzo y fin de una fila ¿QUE SIGNIFICA TR?
  • 4.  <td> viene de table data que significa dato de la tabla.  <TD> y </TD> señalan una celda. ¿QUE SIGNIFICA TD?
  • 5.  Tienes que crearlas igual que lo estás haciendo, pero debes poner que el espacio entre celdas (atributo cellspacing) sea igual a cero, para que esa doble línea desaparezca. Así: <table border=1 cellspacing=0 cellpadding=2 bordercolor="666633"> <tr><td>Esta tabla</td></tr> <tr><td>Tiene borde simple</td></tr> </table> ¿CÓMO INSERTAS UN SIMPLE BORDE EN TU TABLA?
  • 6.  <table id="miTabla" ><tbody><tr><td> ESCRIBE EL CÓDIGO PARA COLOCAR UNA TABLA INVISIBLE
  • 7.  Rowspan, indica el número de filas que ocupará la celda. Por defecto ocupa una sola fila.  Colspan, indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna. ROWSPAN Y COLSPAN
  • 8.  <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> ROWSPAN Y COLSPAN
  • 9.  Cellpadding: Define, en pixels, el espacio entre los bordes de la celda y el contenido de la misma.  Cellspacing :Define el espacio entre los bordes (en pixels). CELLPADDING Y CELLSPACING
  • 10. Para cambiar del color de fondo, basta con escribir la directiva BGCOLOR dentro del elemento que de la tabla que se desee cambiar. Para cambiar el color a la tabla  <TABLE BGCOLOR="codigo de color"> Para cambiar el color a la fila  <TR BGCOLOR="codigo de color"> .¿CÓMO INSERTAS COLOR DE FONDO EN UNA CELDA DE UNA TABLA?
  • 11.  [table STYLE="WIDTH: 650PX; BACKGROUND-IMAGE: URL(LINK); PADDING: 10PX;" CELLSPACING="0"]  [tr][td STYLE="BACKGROUND-IMAGE: URL(LINK); WIDTH: 50PX;"]  [/td][td STYLE="BACKGROUND-IMAGE: URL(LINK); WIDTH: 500PX; PADDING: 20PX 20PX 15PX 0PX; FONT-FAMILY: TREBUCHET MS; FONT-SIZE: 11PX; LINE-HEIGHT: 100%; COLOR: white;"] [/td][/tr][/table] .¿CÓMO INSERTAS UNA IMAGEN DE FONDO EN UNA TABLA?
  • 12.  WIDTH="30". Ancho de toda la fila o celda. También se puede dar en %  ALIGN=" left", "right", "center". Alinea el contenido a la izquierda, derecha o centro  VALIGN="top" , "middle" o "bottom". Alinea el contenido verticalmente arriba, en medio o abajo ¿CÓMO ALINEAS EL CONTENIDO DE TU TABLA? (DERECHA, IZQUIERDA, CENTRADO)
  • 13.  http://platea.pntic.mec.es/~abercian/guiahtml/tablas.htm  http://www.mclibre.org/consultar/amaya/css/css_tablas_mo dos_bordes.html  http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan. asp  http://www.mailxmail.com/curso-html/color-fondo-tablas APA;