Tablas - Parte IV

Seleccionar columnas

Cuando necesitamos seleccionar una columna, tenemos la etiqueta colgroup, que nos permite seleccionar una columna en concreto. Dentro pondremos tantas etiquetas colcomo columnas tengamos, cada etiqueta col equivaldrá a una columna siguiendo el mismo orden que tienen en la tabla.

Si necesitamos que una etiqueta col agrupe más de una columna, tenemos el stributo span que funciona exactamente igual que rowspan y colspan.

Forma de usar colgroup
Forma correcta de usar colgroup en una tabla
Así representa el navegador lo declarado en en el html de la imagen.
Título
TH 1 - THEAD TH 2 - THEAD TH 3 - THEAD
TD 1 - TBODY TD 2 - TBODY TD 3 - TBODY
TD 1 - TBODY TD 2 - TBODY TD 3 - TBODY
TD 1 - TBODY TD 2 - TBODY TD 3 - TBODY
TF 1 - TBODY TF 2 - TBODY TF 3 - TBODY

El color es para una representación visual por medio de css.

Como se puede ver, como solo hay una etiqueta col, solo se selecciona la primera columna.

Vamos a suponer que queremos seleccionar la columna 3, como se menciona al comienzo de este artículo, tenemos el atributo span que nos permite seleccionar cuantas columnas necesitemos. Veamos un ejemplo de como usarlo para seleccionar la tercera columna.

Una de las formas de seleccionar la columna 3
Una forma de usar el atributo span en las tablas
Lo que muestra la imagen se representa así.
Título
TH 1 - THEAD TH 2 - THEAD TH 3 - THEAD
TD 1 - TBODY TD 2 - TBODY TD 3 - TBODY
TD 1 - TBODY TD 2 - TBODY TD 3 - TBODY
TD 1 - TBODY TD 2 - TBODY TD 3 - TBODY
TF 1 - TBODY TF 2 - TBODY TF 3 - TBODY

Lo mismo sería si quisiéramos seleccionar las columnas 1 y 2,

Como NO dar estilos a una tabla.

Para estilos existe CSS, por lo tanto no se debe dar estilos directamente con etiquetas HTML como vimos en la sección elementos de línea, que en el caso de las tablas se puede ver que usen <table border="1" ></table> para darle un borde a la tabla o <center></center> para centrarla. La etiqueta <center> es obsoleta desde finales de la versión 4 de HTML.