SlideShare a Scribd company logo
1 of 12
Download to read offline
Factores de HTML
COLEGIO BUCERIAS
Alumna Andrea Sofía Pérez Sámano
Maestra Ing. Azucena Cervantes
Informática 2
26 de mayo 2015
Prepa 1 A
Tabla en código
HTML
Las tablas son un poderosa herramienta a la
hora de mostrar y relacionar cierto tipo de
información. Aún cuando muchos sitios son
construidos (por su naturaleza) sin usar una
simple tabla, existen algunas ocasiones en
que el valor de las tablas se vuelve
escencial.
En las próximas líneas intentaremos cubrir
todas las características de las tablas para
estar listos para utilizarlas cuando se
necesite.
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 alrevés). Las tablas, como
toda estructura en los documentos HTML,
son definidas usando elementos. Entonces,
una tabla simple puede ser insertada en un
documento HTML usando tres elementos: el
e l e m e n t o H T M L t a b l e ( e s t r u c t u r a
contenedora principal), el elemento HTML tr
(contenedor de fila) y el elemento HTML td
(celda).
TR y TD
<tr> Es la marca de comienzo de una fila. Esta marca
debe estar dentro del elemento table. Este elemento
requiere la marca de cierre.
<tr> viene de table row que significa fila de la tabla.
<td> Es la marca de comienzo de una celda. Esta
marca debe estar dentro del elemento tr. Este
elemento requiere la marca de cierre.
<td> viene de table data que significa dato de la
tabla.
• Ejemplo
• Código
• <table border="3px">
• <tr>
• <td>Borde</td>
• <td>3 pixels</td>
• </tr>
• </table>
Insertar un simple borde en tu
tabla
Para que se visualicen los bordes de una
tabla, debemos agregar el atributo border
junto con el valor expresado en pixels, de lo
contrario no se verán los bordes que dividen
las celdas de la tabla.
Código para colocar un tabla invisible
Código para colocar una tabla invisible
En el head el estilo: #miTabla {visibility: hidden;}
Y la tabla: <table id="miTabla" ><tbody><tr><td>....
Colspan y Rowspand
Es la forma de fusionar celdas en una tabla.
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.
De esta forma si ponemos <td colsan=2>, quiere decir que la celda actual se
extiende en el ancho de dos celdas.
Algo parecido ocurre si ponemos <td rowspan=3>, la celda ocupará el alto de
3 celdas normales
Código utilizando ambas etiquetas
• <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>
• <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>
Cellpadding y Cellspacing
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).
Los atributos cellpading y cellspacing nos ayudaran a dar a nuestra tabla un
aspecto más estético. En un principio puede parecernos un poco confuso su
uso pero un poco de practica será suficiente para hacerse con ellos.
En la siguiente imagen podemos ver gráficamente el significado de estos atributos.
Como insertar color de fondo en una
celda de un tabla
Para darle color a toda la tabla es suficiente con poner el
atributo bgcolor"" dentro de la instrucción de tabla. Para poner
fondo amarillo bgcolor=“yellow"
<table border="1" cellpadding="0" cellspacing="0" width="50%"
bgcolor="yellow">
Como insertas una imagen de fondo en
una tabla
Para ello debemos utilizar el atributo BACKGROUND="imagen.gif" o
BACKGROUND="imagen.jpg", visto en dicho capítulo.
Si se utiliza dentro de la etiqueta <TABLE> la imagen en cuestión se multiplicará detrás de
todas las celdas.
Por ejemplo, si ponemos:
<TABLE BORDER BACKGROUND="nubes.jpg">
(Se omite el resto de las etiquetas de la tabla)
(Con el Netscape no se verá ninguna imagen de fondo, sólo con el Explorer)
Si, por el contrario, sólo se pone este atributo dentro de la etiqueta de una celda concreta
(<TD>), entonces la imagen de fondo se verá sólo en esa celda, como por ejemplo.
Como alineas el contenido de una
tabla? (dentro,izquierda y centrado)
Para que se visualicen los bordes de una tabla, debemos agregar el
atributo border junto con el valor expresado en pixels, de lo contrario
no se verán los bordes que dividen las celdas de la tabla.
Ejemplo de tabla
alineada a la derecha
Ejemplo de tabla centrada
Este sería un texto cualquiera colocado al lado de una tabla
centrada
Ejemplo de tabla
alineada a la izquierda
Esta tabla está centrada
(aling="center"). Solo tiene una celda.
Para que se vea el efecto de alineado a
la tabla debemos colocar un texto al
lado y el texto rodeará la tabla, igual
que ocurría con las imágenes alineadas a
un lado.
Esta tabla está alineada a la
izquierda (aling="left"). Solo tiene
una celda.
E s t a t a b l a e s t á
alineada a la derecha
(aling="right"). Solo
tiene una celda.
Para que se vea el efecto de
alineado a la tabla debemos
colocar un texto al lado y el
texto rodeará la tabla, igual
que ocurría con las
imágenes alineadas a un
lado.
FORMATO APA
HTMLQUICK.Tablas en HTML
RECUPERADO:27 de mayo del 2015
http://www.htmlquick.com/es/tutorials/tables.html
HTMLYA.HTML
RECUPERADO:27 de mayo del 2015
http://www.htmlya.com.ar/temarios/descripcion.php?cod=83&punto=19
VIRTUAL.html tablas
RECUPERADO:27 de mayo del 2015
http://www.virtualnauta.com/html-tablas
USABILIDAD.colspan y rowspan
RECUPERADO:27 de mayo del 2015
http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.asp
DESARROLLOWEB.Html
RECUPERADO:27 de mayo del 2015
http://www.desarrolloweb.com/articulos/629.php
AULAFACIL.color de tablas
RECUPERADO:27 de mayo del 2015
http://www.aulafacil.com/cursos/l19275/informatica/crear-paginas-web/html/color-de-las-tablas

More Related Content

What's hot

Iv bimestre tablas en html
Iv bimestre   tablas en htmlIv bimestre   tablas en html
Iv bimestre tablas en htmlLeonel Yaya
 
Diapositivashtml 091118065750 Phpapp02
Diapositivashtml 091118065750 Phpapp02Diapositivashtml 091118065750 Phpapp02
Diapositivashtml 091118065750 Phpapp02Alex Morgan
 
Entorno de Excel Y Su Barra De Herramientas
Entorno de Excel Y Su Barra De HerramientasEntorno de Excel Y Su Barra De Herramientas
Entorno de Excel Y Su Barra De HerramientasJazmin Rivera
 
Partes básicas de Excel 2010
Partes básicas de Excel 2010Partes básicas de Excel 2010
Partes básicas de Excel 2010jnhh
 
PESTAÑA INSERTAR EXCEL
PESTAÑA INSERTAR EXCELPESTAÑA INSERTAR EXCEL
PESTAÑA INSERTAR EXCELmarcos canelas
 
Formato de celda1
Formato de celda1Formato de celda1
Formato de celda1ezzikblog
 
Barra de herramientas excel
Barra de herramientas excelBarra de herramientas excel
Barra de herramientas exceleliana varela
 
Contenido científic1
Contenido científic1Contenido científic1
Contenido científic1INFORGRA
 
Tareaaaaaaaaaaaaa
TareaaaaaaaaaaaaaTareaaaaaaaaaaaaa
Tareaaaaaaaaaaaaamiscarpetas
 

What's hot (13)

Iv bimestre tablas en html
Iv bimestre   tablas en htmlIv bimestre   tablas en html
Iv bimestre tablas en html
 
tablas
tablastablas
tablas
 
Herramientas de excel
Herramientas de excelHerramientas de excel
Herramientas de excel
 
Diapositivashtml 091118065750 Phpapp02
Diapositivashtml 091118065750 Phpapp02Diapositivashtml 091118065750 Phpapp02
Diapositivashtml 091118065750 Phpapp02
 
Entorno de Excel Y Su Barra De Herramientas
Entorno de Excel Y Su Barra De HerramientasEntorno de Excel Y Su Barra De Herramientas
Entorno de Excel Y Su Barra De Herramientas
 
Tablas html
Tablas htmlTablas html
Tablas html
 
Partes básicas de Excel 2010
Partes básicas de Excel 2010Partes básicas de Excel 2010
Partes básicas de Excel 2010
 
PESTAÑA INSERTAR EXCEL
PESTAÑA INSERTAR EXCELPESTAÑA INSERTAR EXCEL
PESTAÑA INSERTAR EXCEL
 
Formato de celda1
Formato de celda1Formato de celda1
Formato de celda1
 
Excel tutoria
Excel tutoriaExcel tutoria
Excel tutoria
 
Barra de herramientas excel
Barra de herramientas excelBarra de herramientas excel
Barra de herramientas excel
 
Contenido científic1
Contenido científic1Contenido científic1
Contenido científic1
 
Tareaaaaaaaaaaaaa
TareaaaaaaaaaaaaaTareaaaaaaaaaaaaa
Tareaaaaaaaaaaaaa
 

Similar to Factores de HTML_Andrea Sofia

Similar to Factores de HTML_Andrea Sofia (20)

Codigo de tab
Codigo de tabCodigo de tab
Codigo de tab
 
Unidad #3
Unidad #3Unidad #3
Unidad #3
 
Unidad #3
Unidad #3Unidad #3
Unidad #3
 
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
 
CODIGOS HTML
CODIGOS HTMLCODIGOS HTML
CODIGOS HTML
 
Tablas en html _informatica_mitzi_1b
Tablas en html _informatica_mitzi_1bTablas en html _informatica_mitzi_1b
Tablas en html _informatica_mitzi_1b
 
Web3
Web3Web3
Web3
 
Inf2 p1 a_danna gd
Inf2 p1 a_danna gdInf2 p1 a_danna gd
Inf2 p1 a_danna gd
 
Olivarko
OlivarkoOlivarko
Olivarko
 
Bbn
BbnBbn
Bbn
 
Colegio nacional nicoles esguerra
Colegio nacional nicoles esguerraColegio nacional nicoles esguerra
Colegio nacional nicoles esguerra
 
Trabajo tablas
Trabajo tablasTrabajo tablas
Trabajo tablas
 
Portada
PortadaPortada
Portada
 
Htmlexc15 unidad 3 html_mayrafranco
Htmlexc15 unidad 3 html_mayrafrancoHtmlexc15 unidad 3 html_mayrafranco
Htmlexc15 unidad 3 html_mayrafranco
 
Trabajo 6
Trabajo 6Trabajo 6
Trabajo 6
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 
Clases tablas html
Clases tablas htmlClases tablas html
Clases tablas html
 

Recently uploaded

Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025Festibity
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfalejandrogomezescoto
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxPaolaCarolinaCarvaja
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx Emialexsolar
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...RaymondCode
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETGermán Küber
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidaddanik1023m
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfymiranda2
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosLCristinaForchue
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfOBr.global
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfodalistar77
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfJoseAlejandroPerezBa
 

Recently uploaded (14)

Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docx
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx E
 
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier FolchBEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
 
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura SilvaBEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidad
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
 
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdf
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
 

Factores de HTML_Andrea Sofia

  • 1. Factores de HTML COLEGIO BUCERIAS Alumna Andrea Sofía Pérez Sámano Maestra Ing. Azucena Cervantes Informática 2 26 de mayo 2015 Prepa 1 A
  • 2. Tabla en código HTML Las tablas son un poderosa herramienta a la hora de mostrar y relacionar cierto tipo de información. Aún cuando muchos sitios son construidos (por su naturaleza) sin usar una simple tabla, existen algunas ocasiones en que el valor de las tablas se vuelve escencial. En las próximas líneas intentaremos cubrir todas las características de las tablas para estar listos para utilizarlas cuando se necesite. 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 alrevés). Las tablas, como toda estructura en los documentos HTML, son definidas usando elementos. Entonces, una tabla simple puede ser insertada en un documento HTML usando tres elementos: el e l e m e n t o H T M L t a b l e ( e s t r u c t u r a contenedora principal), el elemento HTML tr (contenedor de fila) y el elemento HTML td (celda).
  • 3. TR y TD <tr> Es la marca de comienzo de una fila. Esta marca debe estar dentro del elemento table. Este elemento requiere la marca de cierre. <tr> viene de table row que significa fila de la tabla. <td> Es la marca de comienzo de una celda. Esta marca debe estar dentro del elemento tr. Este elemento requiere la marca de cierre. <td> viene de table data que significa dato de la tabla.
  • 4. • Ejemplo • Código • <table border="3px"> • <tr> • <td>Borde</td> • <td>3 pixels</td> • </tr> • </table> Insertar un simple borde en tu tabla Para que se visualicen los bordes de una tabla, debemos agregar el atributo border junto con el valor expresado en pixels, de lo contrario no se verán los bordes que dividen las celdas de la tabla.
  • 5. Código para colocar un tabla invisible Código para colocar una tabla invisible En el head el estilo: #miTabla {visibility: hidden;} Y la tabla: <table id="miTabla" ><tbody><tr><td>....
  • 6. Colspan y Rowspand Es la forma de fusionar celdas en una tabla. 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. De esta forma si ponemos <td colsan=2>, quiere decir que la celda actual se extiende en el ancho de dos celdas. Algo parecido ocurre si ponemos <td rowspan=3>, la celda ocupará el alto de 3 celdas normales
  • 7. Código utilizando ambas etiquetas • <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> • <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>
  • 8. Cellpadding y Cellspacing 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). Los atributos cellpading y cellspacing nos ayudaran a dar a nuestra tabla un aspecto más estético. En un principio puede parecernos un poco confuso su uso pero un poco de practica será suficiente para hacerse con ellos. En la siguiente imagen podemos ver gráficamente el significado de estos atributos.
  • 9. Como insertar color de fondo en una celda de un tabla Para darle color a toda la tabla es suficiente con poner el atributo bgcolor"" dentro de la instrucción de tabla. Para poner fondo amarillo bgcolor=“yellow" <table border="1" cellpadding="0" cellspacing="0" width="50%" bgcolor="yellow">
  • 10. Como insertas una imagen de fondo en una tabla Para ello debemos utilizar el atributo BACKGROUND="imagen.gif" o BACKGROUND="imagen.jpg", visto en dicho capítulo. Si se utiliza dentro de la etiqueta <TABLE> la imagen en cuestión se multiplicará detrás de todas las celdas. Por ejemplo, si ponemos: <TABLE BORDER BACKGROUND="nubes.jpg"> (Se omite el resto de las etiquetas de la tabla) (Con el Netscape no se verá ninguna imagen de fondo, sólo con el Explorer) Si, por el contrario, sólo se pone este atributo dentro de la etiqueta de una celda concreta (<TD>), entonces la imagen de fondo se verá sólo en esa celda, como por ejemplo.
  • 11. Como alineas el contenido de una tabla? (dentro,izquierda y centrado) Para que se visualicen los bordes de una tabla, debemos agregar el atributo border junto con el valor expresado en pixels, de lo contrario no se verán los bordes que dividen las celdas de la tabla. Ejemplo de tabla alineada a la derecha Ejemplo de tabla centrada Este sería un texto cualquiera colocado al lado de una tabla centrada Ejemplo de tabla alineada a la izquierda Esta tabla está centrada (aling="center"). Solo tiene una celda. Para que se vea el efecto de alineado a la tabla debemos colocar un texto al lado y el texto rodeará la tabla, igual que ocurría con las imágenes alineadas a un lado. Esta tabla está alineada a la izquierda (aling="left"). Solo tiene una celda. E s t a t a b l a e s t á alineada a la derecha (aling="right"). Solo tiene una celda. Para que se vea el efecto de alineado a la tabla debemos colocar un texto al lado y el texto rodeará la tabla, igual que ocurría con las imágenes alineadas a un lado.
  • 12. FORMATO APA HTMLQUICK.Tablas en HTML RECUPERADO:27 de mayo del 2015 http://www.htmlquick.com/es/tutorials/tables.html HTMLYA.HTML RECUPERADO:27 de mayo del 2015 http://www.htmlya.com.ar/temarios/descripcion.php?cod=83&punto=19 VIRTUAL.html tablas RECUPERADO:27 de mayo del 2015 http://www.virtualnauta.com/html-tablas USABILIDAD.colspan y rowspan RECUPERADO:27 de mayo del 2015 http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.asp DESARROLLOWEB.Html RECUPERADO:27 de mayo del 2015 http://www.desarrolloweb.com/articulos/629.php AULAFACIL.color de tablas RECUPERADO:27 de mayo del 2015 http://www.aulafacil.com/cursos/l19275/informatica/crear-paginas-web/html/color-de-las-tablas