explicación de uso de las tablas y celdas 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:

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">

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