Este documento explica los conceptos básicos de las tablas en HTML, incluyendo las etiquetas <table>, <tr>, y <td> para crear tablas, filas y celdas. También describe atributos como border, colspan, rowspan, cellpadding, cellspacing y cómo alinear el contenido y agregar fondo de color e imágenes a las celdas.
2. ¿QUÉ ES UNA TABLA EN CÓDIGO HTML?
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. ¿QUÉ SIGNIFICA “TR”?
La etiqueta <tr> se utiliza para definir una fila
dentro de una tabla.
4. ¿QUÉ SIGNIFICA “TD”?
La etiqueta <td> define una celda que contiene
datos dentro de una tabla.
5. ¿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.
<table border="1">
6. CÓDIGO PARA HACER UNA TABLA INVISIBLE
<table id=«mi tabla»><tbody><tr><td>
7. ¿QUÉ ES COLSPAND Y ROWSPAND?
Colspan, indica el número de columnas que
ocupará la celda. Por defecto ocupa una sola
columna.
Rowspan, indica el número de filas que ocupará la
celda. Por defecto ocupa una sola fila.
8. ¿QUÉ ES CELL PADDING Y CELL SPACING?
CELLSPACING controls the space between table
cells. Although there is no official default, browsers
usually use a default of 2.
CELLPADDING sets the amount of space between
the contents of the cell and the cell wall.
9. ¿CÓMO INSERTAS COLOR DE FONDO EN UNA
CELDA DE UNA TABLA?
Si que lo que tienes que hacer es poner a cada
celda que quieres que cambie el color un gestor de
evento "onmouseover". Ponle también un gestor de
evento "onmouseout" si quieres que el cambio de
color sea solo mientras el ratón esta encima, sino
el cambio de color perdurara una vez que el ratón
se desplace fuera de la celda.
10. ¿CÓMO INSERTAS UNA IMAGEN DE FONDO EN
UNA TABLA?
<table width="630" border="2" align="center"
background="../images/barraFondo.jpg">
11. ¿CÓMO ALINEAS EL CONTENIDO DE TU TABLA?
(DERECHA, IZQUIERDA, CENTRADO)
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td height="40" valign="top">texto alineado arriba </td>
</tr>
<tr>
<td height="40" valign="middle">texto alineado al centro </td>
</tr>
<tr>
<td height="40" valign="bottom">texto alineado abajo </td>
</tr>
<tr>
<td height="40" valign="baseline">texto alineado en la llinea de base </td>
</tr>
</table>
12. APA
Tabla de libros (2015) tabla
Recuperado: 28/05/2015
De:http://librosweb.es/libro/xhtml/capitulo_7/tablas_basicas.html
Virtualnauta (2015) tr
Recuperado: 28/05/2015.
De:http://www.virtualnauta.com/html-etiqueta-tr
Virtualnauta (2015) td
Recuperado: 28/05/2015.
De: http://www.virtualnauta.com/html-etiqueta-td
Mclibre (2015) bordes
Recuperado: 28/05/2015
De:http://www.mclibre.org/consultar/htmlcss/xhtml/xhtml_tablas_atributos.ht
ml
Usabilidad (2015) Colspand y rowspand
Recuperado: 28/mayo/2015
De:http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.asp
Htlmcodetutorial (2015) cell padding y cell spacing
Recuperado: 28/mayo/2015
de:http://www.htmlcodetutorial.com/tables/index_famsupp_29.html