TABLAS EN HTML EJERCICIOS INTRODUCTORIOS

Como muchas otras estructuras de HTML, las tablas son construidas utilizando elementos. En particular, una tabla básica puede ser declarada usando tres elementos, a saber, table (el contenedor principal), tr (representando a las filas contenedoras de las celdas) y td (representando a las celdas). Dejémoslo más claro con un ejemplo:

<table> <tr> <td>Celda 1</td> <td>Celda 2</td> <td>Celda 3</td> </tr> <tr> <td>Celda 4</td> <td>Celda 5</td> <td>Celda 6</td> </tr> </table>

Celda 1	Celda 2	Celda 3
Celda 4	Celda 5	Celda 6

Puedes ver claramente en el ejemplo anterior, el concepto de filas conteniendo columnas del que hablamos previamente. Aquí se hace evidente como las celdas, que han sido numeradas de acuerdo a su aparición en el código, siguen una secuencia en la representación que va de izquierda a derecha, una fila por vez. Esto tendrá implicaciones futuras, especialmente cuando se trate el tema de unificación de celdas y agrupamiento.

 CELDAS DE ENCABEZADO

Una celda de encabezado es un tipo especial de celda utilizada para organizar y categorizar otras celdas en la tabla. 

En el siguiente ejemplo, construiremos una tabla para mostrar información acerca del clima en los próximos días. Aquí, las celdas de encabezado, representadas por el elemento th, son ubicadas en la primera fila de la tabla, encima de las celdas comunes.

<table > <tr> <th>Hoy</th> <th>Mañana</th> <th>Domingo</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>

Hoy	Mañana	Domingo
Soleado	Mayormente soleado	Parcialmente nublado
19°C	17°C	12°C
E 13 km/h	E 11 km/h	S 16 km/h