Tablas

Hoy en dia, la mayoría de las páginas web se basan en tablas, ya que resultan de gran utilidad al mejorar notablemente las opciones de diseño.

Podremos insertar tablas, filas y columnas, y modificar sus propiedades. Ejemplo:

Las tablas están formadas por celdas, que son los recuadros que se obtienen como resultado de la intersección entre una fila y una columna.

<table border="1">

<tr>

<th>Titulo 1</th>

<th>Titulo 2</th>

</tr>

<tr>

<td>Contenido 1</td>

<td>Contenido 2</td>

</tr>

<tr>

<td>Contenido 3</td>

<td>Contenido 4</td>

</tr>

</table>




Donde:


<table border="1">

Es la etiqueta que siempre se va a colocar para poder hacer una tabla. Colocamos el tamaño del borde

</table>


En este caso tenemos tres filas y para eso, necesitamos tres <tr>...</tr>

<tr>

Fila 1

</tr>

<tr>

Fila 2

</tr>

<tr>

Fila 3

</tr>



Si queremos colocar dos titulos en la primera fila, es recomendable colocarlos entre: <th>...colocamos titulo...</th>

No olvidar que tiene que estar dentro: <tr>...fila...</tr>

<tr>

<th>Titulo 1</th>

<th>Titulo 2</th>

</tr>

Si queremos insertar una columna, primero tenemos que hacer la fila y de acuerdo a la cantidad de columnas que queremos colocar, escribimos: <td>...</td>

No olvidar que tiene que estar dentro: <tr>...fila...</tr>

<tr>

<td>Columna 1</td>

<td>Columna 2</td>

</tr>