Herramientas de HTML

Karen Espino Galeana1°B

Colegio BuceriasIng. Azucena Cervantes Ponce

01 de Junio de 2015

Tabla en código HTML• Las tablas más sencillas en HTML se definen con

tres etiquetas:• <table> : Para crear una tabla.• <tr> : Para crear cada fila• <td> : Para crear cada columna

• Ejemplo:• <table>• <tr> • <td><strong>Curso</strong></td>

<td><strong>Horas</strong></td> <td><strong>Horario</strong></td>

• </tr>

Atributo <border>• 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.

• Ejemplo:• <table border="1">

Tablas Invisibles

• Codigo:

<br><table width="100%" border="0"><tr> <td width="70%">

Colspand• El atributo colspan define el número de columnas

de una celda debe abarcar.

• El atributo rowspan especifica el número de filas de una celda debe abarcar.

Rowspan

Colspand Rowspan

Cell Padding• El atributo cellpadding establece la separación

entre el borde las celdas y el contenido.• Ejemplo: <table cellpadding="10">

• El atributo cellspacing establece la separación entre celdas y entre las celdas y el borde.

• Ejemplo: <table cellspacing="10">

Cell Spacing

Cambiar el color de:• Para cambiar del color de fondo, basta con

escribir la directiva BGCOLOR dentro del elemento que de la tabla que se desee cambiar.

• Para cambiar el color a la tabla:<table bgcolor="codigo de color">• Para cambiar el color a la fila:<tr bgcolor="codigo de color">• Para cambiar el color a la celda:<td bgcolor="codigo de color">• Para cambiar el color del borde:<table bordercolor="codigo de color">

Insertar una imagen en una tabla

• Código: <table width="630" border="2" align="center" background=“url de la imagen ">

Insertar una imagen en una celda

Alinear el contenido de la tabla

• El atributo align establece la alineación horizontal en todas las celdas del <tbody>.

• Los valores posibles son left (izquierda), center (centrado), right (derecha), justify (justificado).

FORMATO APA• LibrosWeb(-)Tablas en HTMLRecuperado: 01 de Junio de 2015De:http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html• HtmlCSS(2015)Atributos de <table>Recuperado: 01 de Junio de 2015De:http://www.mclibre.org/consultar/htmlcss/xhtml/xhtml_tablas_atributos.html• Aulaclic(-) Tabla Invisible

Recuperado: 01 de Junio de 2015De: http://www.aulaclic.es/html/epp_6_4_1.html• W3school(-) ColspanRecuperado: 01 de Junio de 2015De: http://www.w3schools.com/tags/att_td_colspan.asp• W3school(-) RowspanRecuperado: 01 de Junio de 2015De: http://www.w3schools.com/tags/att_td_rowspan.asp

• HtmlCSS(2015)Atributos de <table>Recuperado: 01 de Junio de 2015De: http://www.mclibre.org/consultar/htmlcss/xhtml/xhtml_tablas_atributos.html• Felipe Javier Mckeever (2006) Cambiar el colorRecuperado: 01 de Junio de 2015De: http://www.mailxmail.com/curso-html/color-fondo-tablas• Martin(2012) Imagen de fondo de una celdaRecuperado: 01 de Junio de 2015De: http://www.palimpalem.com/tools/phpBB2/viewtopic.php?t=16215• Mmm24(2008) Imagen de fondo de una tablaRecuperado: 01 de Junio de 2015De: http://www.forosdelweb.com/f4/imagen-fondo-tabla-602115/• Ardilla(2008)Alinear el contenido de la tablaRecuperado: 01 de Junio de 2015De:https://mx.answers.yahoo.com/question/index?qid=20081116195337AAEta0g