2. Tabla en código HTML
Una tabla HTML puede ser considerada como un grupo de
filas donde cada una de ellas contiene un grupo de celdas
.Las tablas, como toda estructura en los documentos HTML,
son definidas usando elementos.
Una tabla en html viene marcada por las etiquetas <table>
</table>.
3. TR y TD en html
Td define las columnas y tr define las filas en
una tabla
4. Borde para una tabla
<table border=1 cellspacing=0
cellpadding=2 bordercolor="666633">
5. TABLA INVISIBLE
Para que salga invisible la tabla,solo
omites la palabra border en el código
<table border>
6. Colspan y Rowspan
Rowspan, indica el número de filas que
ocupará la celda. Por defecto ocupa una
sola fila.
Colspan, indica el número de columnas que
ocupará la celda. Por defecto ocupa una
sola columna.
De esta forma si ponemos <td colsan=2>,
quiere decir que la celda actual se
extiende en el ancho de dos celdas.
Algo parecido ocurre si ponemos <td
rowspan=3>, la celda ocupará el alto de 3
celdas normales.
7. Rowspan
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de tablas-
aprenderaprogramar.com</title>
</head>
<body>
<table border="2px"> <!-- Lo cambiaremos por CSS -->
<tr>
<td rowspan="3">Campo unificado</td>
<td>Campo 2</td>
<td>Campo 3</td>
</tr>
<tr>
<td>Campo 5</td>
<td>Campo 6</td>
</tr>
<tr>
<td>Campo 8</td>
<td>Campo 9</td>
</tr>
</table>
</body>
</html>
11. Fondo en una celda
Para ponerle color a una celda utilizamos el
atributo bgcolor=“
<table border="1" cellpadding="0"
cellspacing="0" width="50%">
<tr>
<td width="50%" bgcolor="red"></td>
<td width="50%" bgcolor="blue"></td>
12. Fondo de imagen
Se utiliza el mismo atributo background,
aunque aplicado a otras etiquetas.
<table background="fondo.gif">
<td background="fondo.gif">
13. Alinear el contenido de tu
tabla
El lugar concreto donde aparezca este título
lo indicamos con el atributo ALIGN. Si
indicamos TOP (que es la opción por defecto),
este aparecerá sobre la tabla, si
usamos BOTTON, debería aparecer al pié de
esta, con la opción LEFT hacemos que se vea
a la izquierda de la tabla, y con RIGHT se
smostrará a la derecha.
14. APA
HTML quick(2015) Tabla en html
29/05/2015
http://www.htmlquick.com/es/tutorials/tables.html
W3school(2015)Tr y Td
29/05/2015
http://www.w3schools.com/html/html_tables.asp
Ciber tareas(2015)Tabla invisible
29/05/2015
http://cibertareas.info/codigo-para-insertar-una-tabla-en-html-herramientas-informaticas-2.html
W3schools(2015)Rowspan y Colspan
29/05/2015
http://www.w3schools.com/tags/att_td_colspan.asp
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_td_colspan
http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=516:crear-tablas-html-colspan-y-rowspan-
unir-celdas-horizontal-y-vertical-tr-td-th-caption-o-titulo-cu00719b&catid=69:tutorial-basico-programador-web-html-desde-
cero&Itemid=192
http://www.usabilidad.tv/tutoriales_html/colspan_y_rowspan.asp
W3schools(2015)Cellpadding & Cellspacing
http://www.w3schools.com/tags/att_table_cellspacing.asp http://www.w3schools.com/tags/att_table_cellpadding.asp
Desarrollo web(2015Fondos
29/05/2015
http://www.desarrolloweb.com/articulos/1384.php
http://www.aulafacil.com/cursos/l19275/informatica/crear-paginas-web/html/color-de-las-tablas
Curso de HTML(2015)
29/05/2015
http://www.psicobyte.com/html/curso/html8.html