SlideShare una empresa de Scribd logo
1 de 10
Clase 4 TABLAS Para definir una tabla se define de la siguiente manera. <TABLE> ....</TABLE> Para definir una Fila se utiliza <TR>....</TR> Para definir una Celda se utilza <TD>....</TD>
Clase 4 ATRIBUTOS DE LAS TABLAS BORDER:  (Corresponde al borde de la tabla completa) < TABLE  border =2, 0, nada >.....</TABLE> WIDTH:   (Define el ancho de la tabla en porcentaje o  pixeles) < TABLE  width =50% o 300 >.....</TABLE>
Clase 4 ATRIBUTOS DE LAS TABLAS HEIGTH:  (Define el alto de la tabla en porcentaje o  pixeles) < TABLE  heigth =30% o 80 >.....</TABLE>
Clase 4 ATRIBUTOS DE LAS TABLAS CELLSPACING  (Define el espacio entre celdas) < TABLE  cellspacing =2 >.....</TABLE> CELLPADDING   (Define los márgenes de las celdas de una tabla) < TABLE  cellpadding =4 >.....</TABLE>
Clase 4 EJEMPLO: Contenido Cellpadding Cellspacing
Clase 4 ATRIBUTOS DE LAS TABLAS ALIGN  (Alinear la tabla center, left, right) < TABLE  align =center >.....</TABLE> BGCOLOR   (Define el color de fondo de la tabla) < TABLE  bgcolor =“red” >.....</TABLE>
Clase 4 ATRIBUTOS DE LAS TABLAS BACKGROUND  (Define una imagen como fondo) <TABLE  background =“imagen1.gif”>.....</TABLE> CAPTION  (Permite colocar un Título en la Tablas) <TABLE>  <CAPTION>Definiendo un título a la tabla </CAPTION> ......... </TABLE>
Clase 4 ATRIBUTOS DE LAS FILAS (TR) VALIGN  (Permite una alineación del texto en el sentido vertical de la celda) TOP, BOTTOM, MIDDLE ALIGN  (Permite una alineación del texto en el sentido horizontal de la celda) RIGHT, CENTER, LEFT <TR valign | align = top,bottom,middle | right,center,left></TR>
Clase 4 ATRIBUTOS DE LAS CELDAS (TD) VALIGN  (Permite una alineación del texto en el sentido vertical de la celda) TOP, BOTTOM, MIDDLE ALIGN  (Permite una alineación del texto en el sentido horizontal de la celda) RIGHT, CENTER, LEFT <TD valign | align = top,bottom,middle | right,center,left></TD>
Clase 4 ATRIBUTOS DE LAS CELDAS ROWSPAN  (una celda tiene varias filas) COLSPAN   (una celda tiene varias columnas) NOWRAP   (Obliga al browser a inscribir todo el texto de la celda en una sola línea)

Más contenido relacionado

La actualidad más candente (8)

Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
Web3
Web3Web3
Web3
 
Indes.html
Indes.htmlIndes.html
Indes.html
 
Tablas
TablasTablas
Tablas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Diapositivashtml 091118065750 Phpapp02
Diapositivashtml 091118065750 Phpapp02Diapositivashtml 091118065750 Phpapp02
Diapositivashtml 091118065750 Phpapp02
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
Pagina web v
Pagina web vPagina web v
Pagina web v
 

Destacado (6)

curso de html
curso de htmlcurso de html
curso de html
 
Imirtfotos2
Imirtfotos2Imirtfotos2
Imirtfotos2
 
Microsoft Silverlight
Microsoft SilverlightMicrosoft Silverlight
Microsoft Silverlight
 
Introduccion Analisis De Datos Gpp
Introduccion Analisis De Datos GppIntroduccion Analisis De Datos Gpp
Introduccion Analisis De Datos Gpp
 
Urbanidad del XIX (2)
Urbanidad del XIX (2)Urbanidad del XIX (2)
Urbanidad del XIX (2)
 
Possible Founders Of Judaism
Possible Founders Of JudaismPossible Founders Of Judaism
Possible Founders Of Judaism
 

Similar a curso de html (20)

Guia 5 de html tablas
Guia 5 de html   tablasGuia 5 de html   tablas
Guia 5 de html tablas
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Tablas (etiquetas en HTML)
Tablas (etiquetas en HTML)Tablas (etiquetas en HTML)
Tablas (etiquetas en HTML)
 
EXPOSICIÓN TABKAS
EXPOSICIÓN TABKASEXPOSICIÓN TABKAS
EXPOSICIÓN TABKAS
 
PERIODO DE INTEGRACION
PERIODO DE INTEGRACIONPERIODO DE INTEGRACION
PERIODO DE INTEGRACION
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
HTML
HTMLHTML
HTML
 
Codigo de tab
Codigo de tabCodigo de tab
Codigo de tab
 
taller V
taller Vtaller V
taller V
 
Html tablas
Html tablasHtml tablas
Html tablas
 
Carpeta y blog
Carpeta y blogCarpeta y blog
Carpeta y blog
 
Portada
PortadaPortada
Portada
 
Colegio nicolas esguerraa
Colegio nicolas esguerraaColegio nicolas esguerraa
Colegio nicolas esguerraa
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
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
 
Tablas en html
Tablas en htmlTablas en html
Tablas en html
 
Factores de HTML_Andrea Sofia
Factores de HTML_Andrea SofiaFactores de HTML_Andrea Sofia
Factores de HTML_Andrea Sofia
 
Manual 2 HTML
Manual 2 HTMLManual 2 HTML
Manual 2 HTML
 
Tablas
TablasTablas
Tablas
 

Más de Javier Araneda (10)

Introduccion Analisis De Varianza
Introduccion Analisis De VarianzaIntroduccion Analisis De Varianza
Introduccion Analisis De Varianza
 
curso de html
curso de htmlcurso de html
curso de html
 
curso de html
curso de htmlcurso de html
curso de html
 
curso de html
curso de htmlcurso de html
curso de html
 
introduccion religion
introduccion religionintroduccion religion
introduccion religion
 
alimentacion de peses
alimentacion de pesesalimentacion de peses
alimentacion de peses
 
biologia de tiburones
biologia de tiburonesbiologia de tiburones
biologia de tiburones
 
electrolitos
electrolitoselectrolitos
electrolitos
 
autoionizacion del agua
autoionizacion del aguaautoionizacion del agua
autoionizacion del agua
 
Quimica
QuimicaQuimica
Quimica
 

Último

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Último (15)

presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
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
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
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
 

curso de html

  • 1. Clase 4 TABLAS Para definir una tabla se define de la siguiente manera. <TABLE> ....</TABLE> Para definir una Fila se utiliza <TR>....</TR> Para definir una Celda se utilza <TD>....</TD>
  • 2. Clase 4 ATRIBUTOS DE LAS TABLAS BORDER: (Corresponde al borde de la tabla completa) < TABLE border =2, 0, nada >.....</TABLE> WIDTH: (Define el ancho de la tabla en porcentaje o pixeles) < TABLE width =50% o 300 >.....</TABLE>
  • 3. Clase 4 ATRIBUTOS DE LAS TABLAS HEIGTH: (Define el alto de la tabla en porcentaje o pixeles) < TABLE heigth =30% o 80 >.....</TABLE>
  • 4. Clase 4 ATRIBUTOS DE LAS TABLAS CELLSPACING (Define el espacio entre celdas) < TABLE cellspacing =2 >.....</TABLE> CELLPADDING (Define los márgenes de las celdas de una tabla) < TABLE cellpadding =4 >.....</TABLE>
  • 5. Clase 4 EJEMPLO: Contenido Cellpadding Cellspacing
  • 6. Clase 4 ATRIBUTOS DE LAS TABLAS ALIGN (Alinear la tabla center, left, right) < TABLE align =center >.....</TABLE> BGCOLOR (Define el color de fondo de la tabla) < TABLE bgcolor =“red” >.....</TABLE>
  • 7. Clase 4 ATRIBUTOS DE LAS TABLAS BACKGROUND (Define una imagen como fondo) <TABLE background =“imagen1.gif”>.....</TABLE> CAPTION (Permite colocar un Título en la Tablas) <TABLE> <CAPTION>Definiendo un título a la tabla </CAPTION> ......... </TABLE>
  • 8. Clase 4 ATRIBUTOS DE LAS FILAS (TR) VALIGN (Permite una alineación del texto en el sentido vertical de la celda) TOP, BOTTOM, MIDDLE ALIGN (Permite una alineación del texto en el sentido horizontal de la celda) RIGHT, CENTER, LEFT <TR valign | align = top,bottom,middle | right,center,left></TR>
  • 9. Clase 4 ATRIBUTOS DE LAS CELDAS (TD) VALIGN (Permite una alineación del texto en el sentido vertical de la celda) TOP, BOTTOM, MIDDLE ALIGN (Permite una alineación del texto en el sentido horizontal de la celda) RIGHT, CENTER, LEFT <TD valign | align = top,bottom,middle | right,center,left></TD>
  • 10. Clase 4 ATRIBUTOS DE LAS CELDAS ROWSPAN (una celda tiene varias filas) COLSPAN (una celda tiene varias columnas) NOWRAP (Obliga al browser a inscribir todo el texto de la celda en una sola línea)