HTMLMitchell Salazar Barradas

Maestra: Azucena Cervantes Prepa 1.A

25/05/2015

¿Qué es una tabla en código HTML ?Las tablas más sencillas de HTML sedefinen con tres

etiquetas: <table> paracrear la tabla, <tr> para crear cada

filay <td> para crear cada columna.

A continuación se muestra el código HTML de una tabla sencilla:

Si se visualiza el código anterior en cualquier navegador, se obtiene una tabla como la que muestra la siguiente imagen:

¿Qué significa “tr” ?

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

¿Qué significa “td” ?

<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

¿Cómo insertas un simple borde en tu tabla?

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.

¿Qué es “Colspand” ?

Esta atributo de HTML sirve para crear celdas que seextienden varias columnas. Se indica el numero decolumnas necesarias para una celda. Por lo general, parauna celda sólo se necesita una columna, y en ese caso noes necesario indicar ningún valor. pero si una celda se hade extender, por ejemplo, en tres columnas, deberáasignar el valor COLSPAN="3". El uso de este atributo esopcional. 

¿Qué es “rowspand? Este atributo de HTML se encarga de unir celdas repartidas por variaslíneas. Con ayuda de este atributo se pueden unir varias celdas de unatabla repartidas por varias líneas. Esta opción es necesaria porejemplo, cuando una de las celdas de la tabla debe ser más alta que

lasdemás. En lugar de definir varias celdas, indique una sola celda yasígnele el atributo ROWSPAN. Como valor, transmítale al atributo elnú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.

¿Qué es “cell padding? 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.

.¿Qué es “cell spacing”?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.

¿Cómo insertas color de fondo en una celda de una tabla?

Para cambiar el color a  la celda <TD BGCOLOR="codigo de color">

¿Cómo insertas una imagen de fondo en una tabla? Es muy similar a colocar una imagen de fondo en la pagina web.

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

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

centrado)

Referencia APA 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

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