Informática II

1. Tablas en HTML
Karina Sandoval Peña
Profa. Azucena Cervantes Ponce
Informática
29/Mayo/2015
Colegio Bucerias

2. Tablas en HTML
• Las tablas nos permiten representar y ordenar cualquier
elemento de nuestra presentación en diferentes filas y
columnas.
• 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. “tr”- “td”
• <tr> viene de table row que significa fila de la
tabla.
• <td> viene de table data que significa dato de
la tabla.

4. Borde Simple y Tabla Invisible
• El atributo border establece el grosor del borde de la
tabla. 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.

5. Colspan & Rowspan
• Colspan, indica el número de columnas que ocupará la
celda.
• Rowspan, indica el número de filas que ocupará la celda.
• Ejemplo:

6. CELLPADING-CELLSPACING
• Cellpading es la anchura del interior de la celda.
• Cellspacing es el espacio que va a haber entre
cada celda. Esto se usa cuando tiene un borde
doble.

7. Color de fondo en una tabla
• Para cambiar el color de fondo de una tabla se
debe de usar el siguiente código:
• <TABLE BGCOLOR="codigo de color">
• Para colocar una imagen de fondo de una tabla
se pone:
• <table width="630" border="2" align="center"
background=“url de la imagen”>
Imagen de fondo en una tabla

8. Alineación de texto
• Si quieres que el texto esté alineado a la
izquierda, no tienes que hacer nada, es la
alineación que se establece por defecto. <td
align="left">).
• Para alinear el texto en el centro: <td
align="center">.
• Para alinear el texto a la derecha: <td
align="right">.

9. FORMATO APA
• Libroweb( )Tablas
• Recuperado el 28/Mayo/2015
• De:http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html
• Htmlya( ) “tr”- “td”
• Recuperado el 28/Mayo/2015
• De:http://www.htmlya.com.ar/temarios/descripcion.php?cod=83&punto=19
• Mclibre(2015) Borde simple y tabla invisible
• Recuperado el 28/Mayo/2015
• De:http://www.mclibre.org/consultar/htmlcss/xhtml/xhtml_tablas_atributos.html
#atributo1
• Usabilidad(2015) Colspan y Rowspan
• Recuperado el 28/Mayo/2015
• De: http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.asp

10. • Ccd.uab( ) Cellpading, Cellspacing
• Recuperado el 29/Mayo/2015
• De:http://ccd.uab.es/~sergi/manuals/html/tables/lesson07.html
• Mailxmail(2010) Color de fondo
• Recuperado el 29/Mayo/2015
• De: http://www.mailxmail.com/curso-html/color-fondo-tablas
• Roble.pntic(2006) Alineació´n de texto
• Recuperado el 29/Mayo/2015
• De: http://roble.pntic.mec.es/apuente/html/paginas/doce.htm