<Table Border=5>
[Resto de etiquetas]
</Table>
La etiqueta para cada fila es: <tr></tr>, que se repetirá tantas veces como filas queramos. Es decir, una tabla con dos filas sería:
<Table Border>
<TR>
[etiquetas de las celdas de la primera fila]
</TR>
<TR>
[etiquetas de las celdas de la segunda fila]
</TR>
</Table>
Dentro de cada fila están las etiquetas de las celdas (columnas) que son: <td></td> y que habrá que repetir tantas veces como celdas queremos que haya en esa fila. Así, una tabla con dos filas y cada fila con tres celdas sería:
<Table Border>
<TR>
<TD>Celda 1, fila 1</TD>
<TD>Celda 2, fila 1</TD>
<TD>Celda 3, fila 1</TD>
</TR>
<TR>
<TD>Celda 1, fila 2</TD>
<TD>Celda 2, fila 2</TD>
<TD>Celda 3, fila 2</TD>
</TR>
</Table>
Si queremos poner un título a la tabla lo hacemos con la etiqueta <caption></caption>
Una tabla centrada, con borde=1, título y una fila con tres celdas sería:
<center>
<table border="1"><Caption>Título de la tabla</Caption>
<TR>
<TD>Celda 1, fila 1</TD>
<TD>Celda 2, fila 1</TD>
<TD>Celda 3, fila 1</TD>
</TR>
</table>
</center>
y quedaría:
| Celda 1, fila 1 | Celda 2, fila 1 | Celda 3, fila 1 |
El contenido de las celdas puede ser un texto (como hemos puesto en los ejemplos), una imagen, un enlace, etc.
Para una imagen:
<Table Border=2>
<TR>
<TD><IMG SRC="imagen.jpg"></TD>
</TR>
</Table>
Para un enlace:
<Table Border=2>
<TR>
<TD><A HREF="URL del enlace">Nombre del enlace</A></TD>
</TR>
</Table>
Si queremos modificar el ancho o el alto de una tabla o de una celda, tendremos que incluir los atributos weidth o height, dentro de la etiqueta de tabla o de la de las celdas, y darle un valor numérico. Por defecto nos lo da en píxeles, pero podemos ponerlo en porcentaje si añadimos el símbolo de %.
EJERCICIO
Hacer una tabla con un mensaje de bienvenida a vuestro Blog, con dos o tres filas y dos o tres celdas en cada una. Ponerle un título e incluir en las celdas imágenes y texto. También podéis añadir algún enlace.
Un ejemplo lo encontráis en el inicio de Curso Multimedia.
