Tablas HTML

Jessica Lizet Ramirez Ochoa

Preparatoria 1 A

Computación

Azucena Cervantes Ponce

¿Que es un tabla en codigo HTML?, ¿Que significa TR?, ¿Que significa TD?

La etiqueta <table> encierra todas las filas y columnas de la tabla. Las etiquetas <tr> (del inglés "table row") definen cada fila de la tabla y encierran todas las columnas. Por último, la etiqueta <td> (del inglés"table data cell") define cada una de las columnas de las filas, aunque realmente HTML no define columnas sino celdas de datos.

Para insertar una tabla en una página de internet debes incluir el código que aparece a continuación. Este puede ser modificado para obtener diferentes resultados y estilos de tablas.

<table border=1><td>Aqui va el contenido de la tabla, texto, imágenes, etc.</td></table>

¿Como insertar un simple borde en tu tabla?

BORDER="4". Indica el tamaño del borde en píxels, en este caso 4. Si no se indica nada carece de bordeWIDTH="5" o WIDTH="50%". Es el ancho de la tabla, puede especificarse en valor absoluto (5 píxels) o como un porcentaje (50% del ancho disponible)CELLSPACING="2". Es el espacio entre las celdas, por defecto es 2CELLPADDING="5". Es el espacio entre el contenido de las celdas y el borde de las mismas, por defecto es 1ALIGN=" left", "right", "center". Alinea la tabla a la izquierda , derecha o en el centro.

Codigo para colocar una tabla invisible 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. Oh el simple hecho de no colocar border.

<table border="0">

¿Que es Colspnad?

Colspan, indica el número de columnas que ocupará la celda.

De esta forma si ponemos <td colsan=2>, quiere decir que la celda actual se extiende en el ancho de dos celdas.

¿Que es Rowspand? Indica el número de

filas que ocupará la celda.

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.

¿Que es cellpandding? y ¿Que es cellspacing?

Son un par de atributos, CELLPADDING (ANCHURA INTERIOR DE CELDA) y CELLSPACING (ESPACIO ENTRE CELDAS). Las dos se usan en la sentencia <TABLE>. CELLPADDING es la cantidad de espacio entre el borde interior de la celda y el contenido de la celda.

¿Como insertar color de fondo en una celda de una tabla?

Para ponerle color a una celda utilizamos el atributo bgcolor=" aquí ponemos el nombre o número del color“.

¿Cómo insertas una imagen de fondo en una tabla?

<table width="630" border="2" align="center“ background="../images/barraFondo.jpg"> 

En el caso de with="100%" , se refiere a que la tabla asuma el 100% del ancho de la página, lo cual puede ser cambiado a la mitad 50% o darle un valor en pixeles.

¿Cómo alineas el contenido de tu tabla? (derecha, izquierda, centrado)

Para alinear el texto utilizamos el atributo align

align=left para alinear a la izquierda

align=right para alinear a la derecha

align=center para centrar el texto

Formato Apa:

Libros Web (2015) 27/05/2015 ¿Que es un tabla en codigo HTML?, ¿Que significa TR?, ¿Que significa TD? http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html

HTML quick(2015) 27/05/2015 ¿Que es un tabla en codigo HTML?, ¿Que significa TR?, ¿Que significa TD? http://www.htmlquick.com/es/tutorials/tables.html

Dale click (2015) 27/05/2015 ¿Que es un tabla en codigo HTML?, ¿Que significa TR?, ¿Que significa TD? http://daleclick.blogspot.mx/2005/02/tablas.html

Html CCS (2015) 27/05/2015 ¿Como insertar un simple borde en tu tabla? http://www.mclibre.org/consultar/htmlcss/xhtml/xhtml_tablas_atributos.html http://platea.pntic.mec.es/~abercian/guiahtml/tablas.htm http://www.mclibre.org/consultar/htmlcss/xhtml/xhtml_tablas_atributos.html

Libros Web (2015) 29/05/2015 Codigo para colocar una tabla invisible http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html

Tripod (2015) 27/05/2015 ¿Que es Colspnad? http://jcarocota.tripod.com/Colspan.html

Tripod (2015) 27/05/2015 ¿Que es Rowspand? http://jcarocota.tripod.com/Rowspan.html

Tutorial de Tablas (2015) 27/05/2015 Escribe un código usando ambas etiquetas http://ccd.uab.es/~sergi/manuals/html/tables/lesson07.html

Tripod (2015) 27/05/2015 ¿Que es cellpandding? y ¿Que es cellspacing? http://ccd.uab.es/~sergi/manuals/html/tables/lesson07.html

Todo el (2015) 27/05/2015 ¿Como insertar color de fondo en una celda de una tabla? http://www.todoele.net/DukeWorkshopHtml/html1/tablas.htm

Universidad Virtual (2015) 27/05/2015 ¿Cómo insertas una imagen de fondo en una tabla? http://uvsfajardo.sld.cu/diseno-de-tablas-en-html

Aula facil (2015) 27/05/2015 ¿Cómo alineas el contenido de tu tabla? (derecha, izquierda, centrado) http://www.aulafacil.com/cursos/l19269/informatica/crear-paginas-web/html/alinear-el-texto