Vous êtes sur la page 1sur 3

Aunque pueda parecer algo muy engorroso al principio, una

vez que se ve la mecnica resulta muy fcil. Partimos de que


si queremos crear una tabla, en primer lugar hay que hacer
uso de las etiquetas <table></table>, lo que nos debera
hacer pensar que todo lo que vaya dentro de esas dos
etiquetas ser el contenido de la tabla. Teniendo ya la
etiqueta de la tabla vamos a aclarar que para declarar filas
hay que utilizar las etiquetas <tr></tr>. Es decir, todos los
elementos que vayan dentro de estas etiquetas formarn
parte de la misma fila. Pero nos queda un tema importante:
las columnas. En este caso la forma que tenemos de crear
columnas es con las etiquetas <td></td>. Aunque tampoco os
queremos mentir, estas etiquetas no crean columnas como
tal, sino que permiten la divisin en celdas de una fila,
creando las columnas. Lo que queremos decir es que se
pueden hacer filas con las etiquetas <tr></tr>, pero en el caso
de las columnas no es posible y no existe una etiqueta que
desempea tal funcin.

Para ver esto, vamos a recurrir a un ejemplo en el que vamos


a crear una tabla de dos filas y dos columnas.

<table>
<tr>
<td>Fila 1, celda numero 1</td>
<td>Fila 1, celda numero 2</td>
</tr>
<tr>
<td>Fila 2, celda numero 1</td>
<td>Fila 2, celda numero 2</td>
</tr>
</table>
Esto se trata de la estructura bsica de una tabla y que
siempre se cumple. Sin embargo, no nos hemos olvidado de
los encabezados. Aunque podra recurrir a la creacin de una
fila normal haciendo uso de celdas normales, os vamos a
ensear otra etiqueta que permite crear encabezados de
columnas en tablas HTML, las etiquetas <th></th>.

Un ejemplo con el que lo vais a ver de forma fcil:

<table border=1>
<tr>
<th>Columna 1</th><th>Columna 2</th><th>Columna 3</th>
</tr>
<tr>
<td>Celda de la columna 1</td><td>Celda de la columna
2</td><td>celda de la columna 3</td>
</tr>
</table>

Vous aimerez peut-être aussi