SlideShare una empresa de Scribd logo
Mitchell Salazar Barradas
Maestra: Azucena Cervantes
Prepa 1.A
25/05/2015
Las tablas más sencillas de HTML se
definen con tres etiquetas: <table> para
crear la tabla, <tr> para crear cada fila
y <td> para crear cada columna.
A continuación se muestra el código
HTML de una tabla sencilla:
Si se visualiza el código anterior en cualquier
navegador, se obtiene una tabla como la que
muestra la siguiente imagen:
El atributo border establece el grosor del borde de la tabla. El valor se interpreta en
píxeles y no admite unidades. Si el valor es 0 o el atributo no está presente, los
navegadores no dibujan ni el borde exterior de la tabla ni los bordes interiores de
las celdas.
Esta atributo de HTML sirve para crear celdas que se
extienden varias columnas. Se indica el numero de
columnas necesarias para una celda. Por lo general, para
una celda sólo se necesita una columna, y en ese caso no
es necesario indicar ningún valor. pero si una celda se ha
de extender, por ejemplo, en tres columnas, deberá
asignar el valor COLSPAN="3". El uso de este atributo es
opcional.
Este atributo de HTML se encarga de unir celdas repartidas por varias
líneas. Con ayuda de este atributo se pueden unir varias celdas de una
tabla repartidas por varias líneas. Esta opción es necesaria por
ejemplo, cuando una de las celdas de la tabla debe ser más alta que las
demás. En lugar de definir varias celdas, indique una sola celda y
asígnele el atributo ROWSPAN. Como valor, transmítale al atributo el
número de líneas que desea unir. El uso de este atributo es opcional.
Los valores válidos para este atributo son todos los números enteros.
Este atributo nos permite especificar la distancia entre el margen
interior de la celda y su contenido. En el caso de este atributo, si su
valor es en pixeles los cuatro bordes de la celda deberían estar a la
distancia indicada del contenido. En cambio si el valor es un
porcentaje, los bordes superior e inferior estarán separados a una
distancia porcentual del valor disponible verticalmente y lo mismo para
los bordes derecho e izquierdo que estarán separados al porcentaje
indicado del espacio disponible horizontalmente.
Este atributo permite determinar o especificar la distancia
entre las celdas y entre las celdas y el margen exterior de
la tabla. El valor de este atributo se mide en pixeles y es
válido para todas las celdas.
Para cambiar el color a la celda <TD BGCOLOR="codigo de color">
 Es muy similar a colocar una imagen de fondo en la pagina web.
<table width="630" border="2" align="center"
background="../images/barraFondo.jpg">
 Tabla en html/2015/ http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html
/Recuperado el 25/05/2015
 “tr””td”/2014/ http://www.htmlya.com.ar/temarios/descripcion.php?cod=83&punto=19 /
http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html / Recuperado el 25/05/2015
 Borde/2014/ http://www.mclibre.org/consultar/htmlcss/xhtml/xhtml_tablas_atributos.html /
Recuperado el 25/05/2015
 Colspan/2013/ http://jcarocota.tripod.com/Colspan.html /Recuperado el 25/05/2015
 Rowspan/2013/ http://jcarocota.tripod.com/Rowspan.html /Recuperado el 25/05/2015
 “Cell padding, cellspacing”/2014/ http://bobuu.blogspot.com/2010/09/83-html-tablas-
atributos-cellspacing-y.html /Recuperado el 25/05/2015
 Color de celda/2006/ http://www.mailxmail.com/curso-html/color-fondo-tablas
/Recuperado el 25/05/2015
 Imagen de fondo en una tabla/2008/ http://www.forosdelweb.com/f4/imagen-fondo-
tabla-602115/ http://www.forosdelweb.com/f4/imagen-fondo-tabla-602115
/Recuperado el 25/05/2015
 Alineación de texto en una tabla/2010/ http://www.tutores.org/codigo/1551/alinear-
texto-dentro-de-celdas-y-tablas--valign/ / Recuperado el 25/05/2015

Más contenido relacionado

La actualidad más candente

Ejercicios para 2do porcentajes
Ejercicios para 2do porcentajesEjercicios para 2do porcentajes
Ejercicios para 2do porcentajes
Marisa Saravia
 
Excel
ExcelExcel
Excel
jenicn
 
Matematicas (graf dispe)
Matematicas (graf dispe)Matematicas (graf dispe)
Matematicas (graf dispe)Rosy Robles
 
Tipos de datos, operadores y errores
Tipos de datos, operadores y erroresTipos de datos, operadores y errores
Tipos de datos, operadores y errores
Esteban Garcia
 
Modelo relacional
Modelo relacionalModelo relacional
Modelo relacional
Henry Torres
 
Análisis tecnico
Análisis tecnicoAnálisis tecnico
Análisis tecnico
Miriram10
 
¿ Por Qué Gráficos En Excel ?
¿ Por Qué Gráficos En Excel ?¿ Por Qué Gráficos En Excel ?
¿ Por Qué Gráficos En Excel ?Juuniior
 
Construyendo Tablas Y GráFicas
Construyendo Tablas Y GráFicasConstruyendo Tablas Y GráFicas
Construyendo Tablas Y GráFicas
EMILY CARRERAS
 
Graficos parte I
Graficos parte IGraficos parte I
Graficos parte IRosy Robles
 
reglas para diagramas 1
reglas para diagramas 1reglas para diagramas 1
reglas para diagramas 1
nelson0007
 
Edicion de celdas
Edicion de celdasEdicion de celdas
Edicion de celdas
Esteban Garcia
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerrasamuelluisa
 
Yhosii y andresy wichiy yilmer y junior y nahir
Yhosii y andresy wichiy yilmer y junior y nahirYhosii y andresy wichiy yilmer y junior y nahir
Yhosii y andresy wichiy yilmer y junior y nahiryosmira1123
 
Trabajo practico n 19
Trabajo practico n 19Trabajo practico n 19
Trabajo practico n 19rocioSM123
 

La actualidad más candente (17)

Ejercicios para 2do porcentajes
Ejercicios para 2do porcentajesEjercicios para 2do porcentajes
Ejercicios para 2do porcentajes
 
Graficos estadisticos
Graficos estadisticosGraficos estadisticos
Graficos estadisticos
 
Excel
ExcelExcel
Excel
 
Matematicas (graf dispe)
Matematicas (graf dispe)Matematicas (graf dispe)
Matematicas (graf dispe)
 
Tipos de datos, operadores y errores
Tipos de datos, operadores y erroresTipos de datos, operadores y errores
Tipos de datos, operadores y errores
 
Modelo relacional
Modelo relacionalModelo relacional
Modelo relacional
 
Análisis tecnico
Análisis tecnicoAnálisis tecnico
Análisis tecnico
 
¿ Por Qué Gráficos En Excel ?
¿ Por Qué Gráficos En Excel ?¿ Por Qué Gráficos En Excel ?
¿ Por Qué Gráficos En Excel ?
 
Construyendo Tablas Y GráFicas
Construyendo Tablas Y GráFicasConstruyendo Tablas Y GráFicas
Construyendo Tablas Y GráFicas
 
Graficos parte I
Graficos parte IGraficos parte I
Graficos parte I
 
reglas para diagramas 1
reglas para diagramas 1reglas para diagramas 1
reglas para diagramas 1
 
Edicion de celdas
Edicion de celdasEdicion de celdas
Edicion de celdas
 
Unidad 7
Unidad 7Unidad 7
Unidad 7
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Yhosii y andresy wichiy yilmer y junior y nahir
Yhosii y andresy wichiy yilmer y junior y nahirYhosii y andresy wichiy yilmer y junior y nahir
Yhosii y andresy wichiy yilmer y junior y nahir
 
Trabajo practico n 19
Trabajo practico n 19Trabajo practico n 19
Trabajo practico n 19
 
Unidad 8
Unidad 8Unidad 8
Unidad 8
 

Destacado

Html tablas e imagenes
Html tablas e imagenesHtml tablas e imagenes
Html tablas e imagenes
Cenaida 2ag
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
maira del valle mendoza
 
Insertar imagen en html
Insertar imagen en htmlInsertar imagen en html
Insertar imagen en html
Inmaculada Concepción
 
Imágenes html
Imágenes htmlImágenes html
Imágenes html
Elim Aqp
 
Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02
Héctor Estigarribia
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
Beberly 2001
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
Ivan Perez
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
danneszm
 
Tablas de HTML
Tablas de HTMLTablas de HTML
Tablas de HTML
Jessica Jess
 

Destacado (9)

Html tablas e imagenes
Html tablas e imagenesHtml tablas e imagenes
Html tablas e imagenes
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Insertar imagen en html
Insertar imagen en htmlInsertar imagen en html
Insertar imagen en html
 
Imágenes html
Imágenes htmlImágenes html
Imágenes html
 
Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Tablas de HTML
Tablas de HTMLTablas de HTML
Tablas de HTML
 

Similar a Tablas en Html

CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
maryjo05
 
Inf2 p1b exc15_celin_valenzuela
Inf2 p1b exc15_celin_valenzuelaInf2 p1b exc15_celin_valenzuela
Inf2 p1b exc15_celin_valenzuela
Celina Valenzuela
 
Inf2 p1 a_danna gd
Inf2 p1 a_danna gdInf2 p1 a_danna gd
Inf2 p1 a_danna gd
Dgg2799
 
Codigo de tab
Codigo de tabCodigo de tab
Codigo de tab
Piti Valeriano
 
Etiquetas para tablas y sus propiedades
Etiquetas para tablas y sus propiedadesEtiquetas para tablas y sus propiedades
Etiquetas para tablas y sus propiedades
Jennifer Mejía D.
 
Atributos tablas
Atributos tablasAtributos tablas
Atributos tablas
Danielfgp
 
Entorno de trabajo informatica
Entorno de trabajo informaticaEntorno de trabajo informatica
Entorno de trabajo informaticaKaren Maldonado
 
Factores de HTML_Andrea Sofia
Factores de HTML_Andrea SofiaFactores de HTML_Andrea Sofia
Factores de HTML_Andrea Sofia
Andrea_Sofia
 
Bbn
BbnBbn
Diseño web - 2020-2021 - 2ª PARTE
Diseño web - 2020-2021 - 2ª PARTEDiseño web - 2020-2021 - 2ª PARTE
Diseño web - 2020-2021 - 2ª PARTE
Bartolomé Palazón Cascales
 
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_fridaleyva
fridaleyvateran
 
Las tablas
Las tablasLas tablas
Las tablaswenorro
 
Box model carolina sanchez
Box model carolina sanchezBox model carolina sanchez
Box model carolina sanchezCaro Duran
 
Introducción a CSS3
Introducción a CSS3Introducción a CSS3
Introducción a CSS3
Mayra Zurita
 
Apuntes de HTML 2
Apuntes de HTML 2Apuntes de HTML 2
Apuntes de HTML 2
Alejandro Sandin
 
Web3
Web3Web3
Web3
darwlu
 

Similar a Tablas en Html (20)

CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
Inf2 p1b exc15_celin_valenzuela
Inf2 p1b exc15_celin_valenzuelaInf2 p1b exc15_celin_valenzuela
Inf2 p1b exc15_celin_valenzuela
 
Inf2 p1 a_danna gd
Inf2 p1 a_danna gdInf2 p1 a_danna gd
Inf2 p1 a_danna gd
 
Tablas en html _informatica_mitzi_1b
Tablas en html _informatica_mitzi_1bTablas en html _informatica_mitzi_1b
Tablas en html _informatica_mitzi_1b
 
Codigo de tab
Codigo de tabCodigo de tab
Codigo de tab
 
Etiquetas para tablas y sus propiedades
Etiquetas para tablas y sus propiedadesEtiquetas para tablas y sus propiedades
Etiquetas para tablas y sus propiedades
 
Atributos tablas
Atributos tablasAtributos tablas
Atributos tablas
 
Entorno de trabajo informatica
Entorno de trabajo informaticaEntorno de trabajo informatica
Entorno de trabajo informatica
 
Unidad #3
Unidad #3Unidad #3
Unidad #3
 
Unidad #3
Unidad #3Unidad #3
Unidad #3
 
Factores de HTML_Andrea Sofia
Factores de HTML_Andrea SofiaFactores de HTML_Andrea Sofia
Factores de HTML_Andrea Sofia
 
Bbn
BbnBbn
Bbn
 
Diseño web - 2020-2021 - 2ª PARTE
Diseño web - 2020-2021 - 2ª PARTEDiseño web - 2020-2021 - 2ª PARTE
Diseño web - 2020-2021 - 2ª PARTE
 
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
 
Las tablas
Las tablasLas tablas
Las tablas
 
Box model carolina sanchez
Box model carolina sanchezBox model carolina sanchez
Box model carolina sanchez
 
Introducción a CSS3
Introducción a CSS3Introducción a CSS3
Introducción a CSS3
 
Apuntes de HTML 2
Apuntes de HTML 2Apuntes de HTML 2
Apuntes de HTML 2
 
Web3
Web3Web3
Web3
 

Más de Mitchell Salazar

Códigos
CódigosCódigos
Inf2 exc2 mitchellsalazarbarradas
Inf2 exc2  mitchellsalazarbarradasInf2 exc2  mitchellsalazarbarradas
Inf2 exc2 mitchellsalazarbarradas
Mitchell Salazar
 
Inf2 exc2 mitchellsalazarbarradas
Inf2 exc2  mitchellsalazarbarradasInf2 exc2  mitchellsalazarbarradas
Inf2 exc2 mitchellsalazarbarradas
Mitchell Salazar
 
Inf1 p1 a_exc8_mitchellsalazarbarradas
Inf1 p1 a_exc8_mitchellsalazarbarradasInf1 p1 a_exc8_mitchellsalazarbarradas
Inf1 p1 a_exc8_mitchellsalazarbarradas
Mitchell Salazar
 

Más de Mitchell Salazar (7)

Códigos
CódigosCódigos
Códigos
 
Código HMTL
Código HMTLCódigo HMTL
Código HMTL
 
Codigo HTML
Codigo HTMLCodigo HTML
Codigo HTML
 
Inf2 exc2 mitchellsalazarbarradas
Inf2 exc2  mitchellsalazarbarradasInf2 exc2  mitchellsalazarbarradas
Inf2 exc2 mitchellsalazarbarradas
 
Inf2 exc2 mitchellsalazarbarradas
Inf2 exc2  mitchellsalazarbarradasInf2 exc2  mitchellsalazarbarradas
Inf2 exc2 mitchellsalazarbarradas
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
Inf1 p1 a_exc8_mitchellsalazarbarradas
Inf1 p1 a_exc8_mitchellsalazarbarradasInf1 p1 a_exc8_mitchellsalazarbarradas
Inf1 p1 a_exc8_mitchellsalazarbarradas
 

Último

Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
edepjuanorozco
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
JosvilAngel
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
mcavero2019
 
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
XxsmalXxYT
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
Javier Lasa
 
Biografía Eugenio Díaz Castro su vida y su libros
Biografía Eugenio  Díaz Castro su vida y su librosBiografía Eugenio  Díaz Castro su vida y su libros
Biografía Eugenio Díaz Castro su vida y su libros
jhannimejia
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
Fernando Tellado
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
jesusmedina766305
 
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente CruzattSEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
vicenteariana54
 
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdfcaso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
RoxanaJuarezTello
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
AlexanderCR12
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
bgonzalezm20
 
Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
LuisAlbertoCordovaBa
 
Diapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptxDiapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptx
erick502105
 

Último (14)

Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_  conceptos b-sicos de programaci-n.pdfEstructuras b-sicas_  conceptos b-sicos de programaci-n.pdf
Estructuras b-sicas_ conceptos b-sicos de programaci-n.pdf
 
blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....blog.pdf de coceptos de personalidad....
blog.pdf de coceptos de personalidad....
 
Clases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicosClases de Informática primaria para niños de colegios católicos
Clases de Informática primaria para niños de colegios católicos
 
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
10. Táctica y Estrategia en Fútbol autor Oscar Milton Rivas (1).pdf
 
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASAEXPERIENCIA PROYECTOS STARTUP JAVIER LASA
EXPERIENCIA PROYECTOS STARTUP JAVIER LASA
 
Biografía Eugenio Díaz Castro su vida y su libros
Biografía Eugenio  Díaz Castro su vida y su librosBiografía Eugenio  Díaz Castro su vida y su libros
Biografía Eugenio Díaz Castro su vida y su libros
 
WordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPressWordPress training basics - básicos de cómo enseñar WordPress
WordPress training basics - básicos de cómo enseñar WordPress
 
ayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupalayuda en egresos exposición aps 1 grupal
ayuda en egresos exposición aps 1 grupal
 
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente CruzattSEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
SEGURIDAD INFORMATICA- Ariana Vicente Cruzatt
 
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdfcaso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
caso clinico de trastorno de personalidad obsesivo- compulsivo.pdf
 
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
5 CRITERIOS PARA EL DISEÑO DE DIAGRAMAS DE FLUJO.pptx
 
Los derechos de autor y Ética Profesional
Los derechos de autor y Ética ProfesionalLos derechos de autor y Ética Profesional
Los derechos de autor y Ética Profesional
 
Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
 
Diapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptxDiapositiva Herramientas Web, Tema Web 3.0.pptx
Diapositiva Herramientas Web, Tema Web 3.0.pptx
 

Tablas en Html

  • 1. Mitchell Salazar Barradas Maestra: Azucena Cervantes Prepa 1.A 25/05/2015
  • 2. Las tablas más sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr> para crear cada fila y <td> para crear cada columna.
  • 3. A continuación se muestra el código HTML de una tabla sencilla:
  • 4. Si se visualiza el código anterior en cualquier navegador, se obtiene una tabla como la que muestra la siguiente imagen:
  • 5.
  • 6.
  • 7. El atributo border establece el grosor del borde de la tabla. El valor se interpreta en píxeles y no admite unidades. Si el valor es 0 o el atributo no está presente, los navegadores no dibujan ni el borde exterior de la tabla ni los bordes interiores de las celdas.
  • 8. Esta atributo de HTML sirve para crear celdas que se extienden varias columnas. Se indica el numero de columnas necesarias para una celda. Por lo general, para una celda sólo se necesita una columna, y en ese caso no es necesario indicar ningún valor. pero si una celda se ha de extender, por ejemplo, en tres columnas, deberá asignar el valor COLSPAN="3". El uso de este atributo es opcional.
  • 9. Este atributo de HTML se encarga de unir celdas repartidas por varias líneas. Con ayuda de este atributo se pueden unir varias celdas de una tabla repartidas por varias líneas. Esta opción es necesaria por ejemplo, cuando una de las celdas de la tabla debe ser más alta que las demás. En lugar de definir varias celdas, indique una sola celda y asígnele el atributo ROWSPAN. Como valor, transmítale al atributo el número de líneas que desea unir. El uso de este atributo es opcional. Los valores válidos para este atributo son todos los números enteros.
  • 10. Este atributo nos permite especificar la distancia entre el margen interior de la celda y su contenido. En el caso de este atributo, si su valor es en pixeles los cuatro bordes de la celda deberían estar a la distancia indicada del contenido. En cambio si el valor es un porcentaje, los bordes superior e inferior estarán separados a una distancia porcentual del valor disponible verticalmente y lo mismo para los bordes derecho e izquierdo que estarán separados al porcentaje indicado del espacio disponible horizontalmente.
  • 11. Este atributo permite determinar o especificar la distancia entre las celdas y entre las celdas y el margen exterior de la tabla. El valor de este atributo se mide en pixeles y es válido para todas las celdas.
  • 12. Para cambiar el color a la celda <TD BGCOLOR="codigo de color">
  • 13.  Es muy similar a colocar una imagen de fondo en la pagina web. <table width="630" border="2" align="center" background="../images/barraFondo.jpg">
  • 14.
  • 15.  Tabla en html/2015/ http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html /Recuperado el 25/05/2015  “tr””td”/2014/ http://www.htmlya.com.ar/temarios/descripcion.php?cod=83&punto=19 / http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html / Recuperado el 25/05/2015  Borde/2014/ http://www.mclibre.org/consultar/htmlcss/xhtml/xhtml_tablas_atributos.html / Recuperado el 25/05/2015  Colspan/2013/ http://jcarocota.tripod.com/Colspan.html /Recuperado el 25/05/2015  Rowspan/2013/ http://jcarocota.tripod.com/Rowspan.html /Recuperado el 25/05/2015  “Cell padding, cellspacing”/2014/ http://bobuu.blogspot.com/2010/09/83-html-tablas- atributos-cellspacing-y.html /Recuperado el 25/05/2015  Color de celda/2006/ http://www.mailxmail.com/curso-html/color-fondo-tablas /Recuperado el 25/05/2015
  • 16.  Imagen de fondo en una tabla/2008/ http://www.forosdelweb.com/f4/imagen-fondo- tabla-602115/ http://www.forosdelweb.com/f4/imagen-fondo-tabla-602115 /Recuperado el 25/05/2015  Alineación de texto en una tabla/2010/ http://www.tutores.org/codigo/1551/alinear- texto-dentro-de-celdas-y-tablas--valign/ / Recuperado el 25/05/2015