Tablas en HTML (página 4)

Agrupación vertical

La otra forma de agrupar celdas en una tabla es mediante la agrupación vertical. Esto no solo es útil para agrupar columnas temáticamente, sino también para asignar atributos a columas enteras de una tabla. La agrupación puede lograrse usando dos tags: el tag HTML colgroup y el tag HTML col. Estos dos tags pueden ser usados por separado o conjuntamente.

En el ejemplo siguiente insertaremos una tabla muy simple que definirá atributos a la columna usando el tag HTML col:

Nota el cierre del tag utilizado (" />"), con el fin de hacer el código compatible con XHTML. Para aprender más acerca de los atributos utilizados en este ejemplo, visita la página de referencia del tag HTML col.

En el ejemplo anterior, atributos comunes han sido definidos para todas las celdas de las columnas afectadas de una sola vez, pero no se pueden definir grupos de columnas semánticamente sin usar el tag HTML colgroup:

Ahora en este ejemplo tenemos tres verdaderos, semánticamente hablando, grupos de columnas con los atributos para todas las celdas del grupo correctamente establecidos.

Entonces, ¿para qué sirve el tag HTML col entonces? Existen algunos casos en que los autores necesitan establecer grupos de columnas (semánticamente) pero aplicando diferentes atributos a las columnas en un mismo grupo de columnas. Para resolver este problema, pueden utilizarse ambos tags anidados:

De esta forma aún estamos definiendo tres grupos de columnas pero a la vez damos a las columnas atributos específicos sin importar si pertenecen al mismo grupo de columnas o no.