Tablas en HTML

Se trata de un concepto definido de forma estricta y adoptada de la misma manera a lo largo del tiempo en todo el mundo como HTML. Es decir, es una forma de organización de datos variados en columnas y filas para lograr transmitir una información determinada que solo de esta forma puede ser entendida y analizada.

Hablando desde el punto de vista de un documento de tipo HTML, podemos definirlo como un grupo de fila determinado que contiene a su vez un grupo de celdas determinado. A diferencia del conjunto de filas contenido en un grupo de columnas, el impacto que genera sobre el comportamiento y la composición de la tabla es completamente diferente.

Este tipo de tablas de HTML se construyen empleando diversos elementos. Entre ellos podemos mencionar tres elementos básicos, a saber:

  • Elemento <table> o contenedor principal: este elemento representa una tabla que les facilita a los creadores o autores realizar las representaciones necesarias de información que es tabulada en un documento. Este elemento solo actúa como contenedor de otros elementos declarados.
  • Elemento <tr> o filas contenedoras dentro de las celdas: se trata del elemento que contiene una fila dentro de una tabla. En las presentaciones HTML, las tablas se hayan constituidas por un conjunto de filas donde cada una de ellas contiene un numero de celdas. Es por ello que este elemento se encuentra estrechamente relacionado con la cantidad de celdas bien sea de datos o de encabezados.
  • Elemento <td>: este elemento representa a la celda propiamente dicha. Es el elemento que se encarga de representar a una celda de datos contenidos en una tabla, por lo que se haya directamente vinculado a un elemento o mecanismo de fila.

Cabe destacar que, de acuerdo con este formato, la estructura que le des a los códigos o elementos te dará como resultado lo visualizado en la pantalla.

Ejemplos de tablas en HTML

  1. Tabla 1
  • <table class=”egt”>
  • <tr>
  • <th>Hoy</th>
  • <th>Mañana</th>
  • <th>Viernes</th>
  • </tr>
  • <tr>
  • <td>Soleado</td>
  • <td>Mayormente soleado</td>
  • <td>Parcialmente nublado</td>
  • </tr>
  • <tr>
  • <td>19°C</td>
  • <td>17°C</td>
  • <td>12°C</td>
  • </tr>
  • <tr>
  • <td>E 13 km/h</td>
  • <td>E 11 km/h</td>
  • <td>S 16 km/h</td>
  • </tr>
  • </table>

Visualización de la tabla

  1. Tabla 2

  1. Tabla 3

  1. Tabla 4
  2. Tabla 5