Las tablas, no precisamente se utilizan unicamente para hacer tablas con numeros como se podria imaginar, es mas, para lo que mas se utilizan es para estructurar nuestras paginas web. Con ellas, podemos representar todos los elementos en pantalla en su posicion deseada.
La estructura de una tabla es la siguiente:
<table>
</table>
Y dentro de esas etiquetas incluimos las etiquetas <tr> y <td>. Las etiquetas <tr> representan las filas de la tabla y las <td> representan las celdas de las filas.
Imaginemos que queremos esta tabla:
| celda1 | celda2 | celda3 |
| celda4 | celda5 | celda6 |
Esto en codigo se representaria de esta forma:
<table border="1">
<tr>
<td>celda1</td>
<td>celda2</td>
<td>celda3</td>
</tr>
<tr>
<td>celda4</td>
<td>celda5</td>
<td>celda6</td>
</tr>
</table>
Cuando hemos puesto la propiedad border="1" es pra indicarle que los bordes de la tabla tendran un espesor de 1.
Si ahora hacemos lo mismo, pero quitamos los bordes, quedaria asi:
| celda1 | celda2 | celda3 |
| celda4 | celda5 | celda6 |
Seria lo mismo, pero sin bordes. Ademas de texto, tambien se puede incluir imagenes. Entonces es una forma de distribuir los elementos por la pantalla a nuestro gusto.
Esto lo utilizariamos de la siguiente forma:
Tambien le podemos asignar un tamaño y color en concreto a nuestra tabla: