SlideShare una empresa de Scribd logo
1 de 10
“INSTITUTO OFICIAL CRISTO REY”
GRUPO#2
COMO MODIFICAR UNA TABLA CON
EL LENGUAJE DE DISEÑO CSS, CSS3
¿PARA QUE NOS SIRVE UNA TABLA?
 PARA MOSTRAR VALORES EN UNA PAGINA WEB, ES
UNDISPENSABLE POSEER UNA TABLA, YA QUE EL
USUARIO PODRA CAPTAR CON FACILIDAD EL
CONTENIDO RESPECTIVO QUE POSEE NUESTRA PAGINA
WEB.
 ¿PORQUE ES IMPORTANTE MODIFICAR UNA TABLA CON EL
LENGUAJE CSS?
 ES INDISPENSABLE, YA QUE CON ESTE IMPORTANTISIMO LENGUAJE
LOGRAREMOS QUE NUESTRA TABLA TENGA UN MEJOR ASPECTO,
LOGRANDO QUE CAPTE LA ATENCION DE NUESTRO VISITANTE Y AL
MISMO TIEMPO INTERACTUANDO CON NUESTRI SITIO WEB
 CREANDO LA ESTRUCTURA DE LA TABLA CON HTML OBTIENE
ESTE ASPECTO:
 CON UNAS CUANTAS LINEAS DE CODIGO CSS EN NUESTRO
DOCUMENTO CON LA EXTENSION .CSS ENLAZADO AL
DOCUMENTO HTML, OBTIENE UN ASPECTO SIMILAR A ESTE:
 CSS POSEE UNA GRAN CANTIDAD DE ATRIBUTOS TANTO PARA
ETIQUETAS, PARRAFOS, URL, BOTONES DE COMANDO, MENUS E
INCLUSO PARA LAS TABLAS, MEJORANDOLES EL ASPECTO
DISEÑO CSS EN TABLAS
 HAY UNA SERIE DE PROPIEDADES QUE LE PODEMOS APLICAR A
NUESTRAS TABLAS QUE NOS PERMITEN DEFINIR ESTILOS PARA
TABLAS
ALGUNOS ATRIBUTOS QUE LE PODEMOS APLICAR
A NUESTRA TABLA CON CSS:
BORDER-SPACING
CAPTION-SIDE
EMPTY-CELLS
BACKGROUND
Presentacion de tablas en css por el grupo #2 profesor Melvin Quezada

Más contenido relacionado

Similar a Presentacion de tablas en css por el grupo #2 profesor Melvin Quezada

Ccs.sandromtz_4101
Ccs.sandromtz_4101Ccs.sandromtz_4101
Ccs.sandromtz_4101
sandroMtz
 
Manual css
Manual cssManual css
Manual css
Jennifer
 

Similar a Presentacion de tablas en css por el grupo #2 profesor Melvin Quezada (20)

Manual css3 DesarrolloWeb
Manual css3 DesarrolloWebManual css3 DesarrolloWeb
Manual css3 DesarrolloWeb
 
Qué es diseño 3d y sus ventajas.pptx
Qué es diseño 3d y sus ventajas.pptxQué es diseño 3d y sus ventajas.pptx
Qué es diseño 3d y sus ventajas.pptx
 
Estilos cascadas
Estilos cascadasEstilos cascadas
Estilos cascadas
 
Css
CssCss
Css
 
Css
CssCss
Css
 
Qué es CSS.ppsx
Qué es CSS.ppsxQué es CSS.ppsx
Qué es CSS.ppsx
 
Manual de css3
Manual de css3Manual de css3
Manual de css3
 
Gordo
GordoGordo
Gordo
 
programacion
programacionprogramacion
programacion
 
Ccs.sandromtz_4101
Ccs.sandromtz_4101Ccs.sandromtz_4101
Ccs.sandromtz_4101
 
06_Nuevas reglas.pptx
06_Nuevas reglas.pptx06_Nuevas reglas.pptx
06_Nuevas reglas.pptx
 
Manual css-hojas-estilo
Manual css-hojas-estiloManual css-hojas-estilo
Manual css-hojas-estilo
 
Manual css
Manual cssManual css
Manual css
 
CSS-Modulo4A.pptx
CSS-Modulo4A.pptxCSS-Modulo4A.pptx
CSS-Modulo4A.pptx
 
Hojas de estilo (css)
Hojas de estilo (css)Hojas de estilo (css)
Hojas de estilo (css)
 
Que es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSSQue es CSS? Presentacion Basica para CSS
Que es CSS? Presentacion Basica para CSS
 
Presentacióin tema 6
Presentacióin tema 6Presentacióin tema 6
Presentacióin tema 6
 
Presentación
PresentaciónPresentación
Presentación
 
Fases para elaborar un sitios web
Fases para elaborar un sitios webFases para elaborar un sitios web
Fases para elaborar un sitios web
 
¿Qué es CSS?
¿Qué es CSS?¿Qué es CSS?
¿Qué es CSS?
 

Último

RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
pvtablets2023
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
NadiaMartnez11
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 

Último (20)

RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptxRESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
RESULTADOS DE LA EVALUACIÓN DIAGNÓSTICA 2024 - ACTUALIZADA.pptx
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 

Presentacion de tablas en css por el grupo #2 profesor Melvin Quezada

  • 2. COMO MODIFICAR UNA TABLA CON EL LENGUAJE DE DISEÑO CSS, CSS3
  • 3. ¿PARA QUE NOS SIRVE UNA TABLA?  PARA MOSTRAR VALORES EN UNA PAGINA WEB, ES UNDISPENSABLE POSEER UNA TABLA, YA QUE EL USUARIO PODRA CAPTAR CON FACILIDAD EL CONTENIDO RESPECTIVO QUE POSEE NUESTRA PAGINA WEB.
  • 4.  ¿PORQUE ES IMPORTANTE MODIFICAR UNA TABLA CON EL LENGUAJE CSS?  ES INDISPENSABLE, YA QUE CON ESTE IMPORTANTISIMO LENGUAJE LOGRAREMOS QUE NUESTRA TABLA TENGA UN MEJOR ASPECTO, LOGRANDO QUE CAPTE LA ATENCION DE NUESTRO VISITANTE Y AL MISMO TIEMPO INTERACTUANDO CON NUESTRI SITIO WEB
  • 5.  CREANDO LA ESTRUCTURA DE LA TABLA CON HTML OBTIENE ESTE ASPECTO:
  • 6.  CON UNAS CUANTAS LINEAS DE CODIGO CSS EN NUESTRO DOCUMENTO CON LA EXTENSION .CSS ENLAZADO AL DOCUMENTO HTML, OBTIENE UN ASPECTO SIMILAR A ESTE:
  • 7.  CSS POSEE UNA GRAN CANTIDAD DE ATRIBUTOS TANTO PARA ETIQUETAS, PARRAFOS, URL, BOTONES DE COMANDO, MENUS E INCLUSO PARA LAS TABLAS, MEJORANDOLES EL ASPECTO
  • 8. DISEÑO CSS EN TABLAS  HAY UNA SERIE DE PROPIEDADES QUE LE PODEMOS APLICAR A NUESTRAS TABLAS QUE NOS PERMITEN DEFINIR ESTILOS PARA TABLAS
  • 9. ALGUNOS ATRIBUTOS QUE LE PODEMOS APLICAR A NUESTRA TABLA CON CSS: BORDER-SPACING CAPTION-SIDE EMPTY-CELLS BACKGROUND