Logo

Las Tablas en el HTML

Las tablas son mucho más usadas de lo que en un principio pudiéramos creer. La tabla es un conjunto de celdas bien organizadas dentro de las cuales podemos colocar imágenes, texto, etc. Con las tablas podemos organizar y distribuir el contenido de nuestra página de manera optima.

Si queremos crear una página de cierta calidad, terminaremos utilizando las tablas. Estas nos pueden ayudar a poner texto en columnas, establecer que tamaño tendrá cada sección de la página o incluso colocarle un pie de foto a una imagen.

Las etiquetas que definen a una tabla en HTML son <table> y </table>, dentro de estas dos etiquetas irán otras etiquetas, textos y demás archivos que le darán forma y contenido a la tabla.

La tabla esta formada por líneas que van de izquierda a derecha, cada una de las que están definidas por la etiqueta y su cierre: <tr> y </tr>. Y dentro de cada una de estas líneas tenemos las celdas, que vienen definidas por la etiqueta <td> y </td>. Es realmente dentro de estas dos etiquetas donde colocaremos el contenido.

Otra etiqueta similar a la <td> es la etiqueta <th> y su cierre </th>, la diferencia entre ellas es que la etiqueta <th> nos centra el texto y lo pone en negrita.

Veamos un ejemplo del código de una tabla de dos filas y dos columnas:

<table>

<tr>

<td>Celda 1, Línea 1</td>

<td>Celda 2, Línea 1</td>

</tr>

<tr>

<td>Celda 1, Línea 2</td>

<td>Celda 2, Línea 2</td>

</tr>

</table>

El resultado que veríamos en el navegador sería:

Celda 1, Línea 1

Celda 2, Línea 1

Celda 1, Línea 2

Celda 2, Línea 2

Hasta ahora hemos visto las etiquetas fundamentales para crear una tabla. Existen otras etiquetas, pero lo que hacen estas lo podemos conseguir con algunas de las que ya conocemos. Todos estas nuevas etiquetas y atributos nos ayudarán a mejorar nuestra página web.

 

Siguiente Tema: Atributos para filas y celdas de las tablas en HTML

PÁGINA PRINCIPAL DEL CURSO CREACIÓN DE PÁGINAS WEB EN HTML