TEMA 5 - TABLAS EN HTML

Fecha de Publicación: Marzo 4 de 2020

TABLAS EN HTML

<table> </table>

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.

Todos los objetos se alinean por defecto a la izquierda de las páginas web, pero gracias a las tablas es posible distribuir el texto en columnas, colocar imágenes al lado de un bloque de texto, y otra serie de cosas que sin las tablas serían imposibles de realizarse.

    

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.

Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla.

Fila <tr>

  

Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberán insertarse entre las etiquetas <table> y </table>.

Por ejemplo, para crear una tabla con cuatro filas escribiríamos:

<table>

      <tr>...</tr>

      <tr>...</tr>

      <tr>...</tr>

      <tr>...</tr>

  </table> 

Columnas o celdas <td>

Para crear una tabla no basta con especificar el número de filas, es necesario también especificar el número de columnas.

Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>.

Entre las etiquetas <td> y </td> se podrá especificar el contenido de cada una de las celdas.

Por ejemplo, para insertar la siguiente tabla:  

Sabado	Domingo
Curso HTML	Curso Dreamweaver
Curso Frontpage	Curso Flash

Habría que escribir:

<table border="1">

  <tr>

    <td>Sabado</td>

    <td>Domingo</td>

  </tr>

  <tr>

    <td>Curso HTML</td>

    <td>Curso Dreamweaver</td>

  </tr>

  <tr>

    <td>Curso Frontpage</td>

    <td>Curso Flash</td>

  </tr>
</table>