colgroup | Html

Descripción

El elemento HTML colgroup define un grupo de columnas en una tabla y se utiliza para aplicar estilos a varias columnas a la vez, en lugar de tener que aplicar estilos a cada celda individualmente.

Sintaxis

La sintaxis básica para el uso del elemento HTML colgroup es la siguiente:

  <colgroup>
     <!-- Columnas -->
  </colgroup>

Atributos

Atributos Globales

Ejemplo

Un ejemplo de cómo se puede utilizar el elemento colgroup en un documento HTML es el siguiente:

<table>
  <colgroup>
     <col span="2" style="background-color:yellow">
     <col style="background-color:red">
  </colgroup>
  <tr>
    <td>Dato 1</td>
    <td>Dato 2</td>
    <td>Dato 3</td>
  </tr>
  <tr>
    <td>Dato 4</td>
    <td>Dato 5</td>
    <td>Dato 6</td>
  </tr>
</table>

En este ejemplo, las dos primeras columnas de cada fila tienen un fondo amarillo y la tercera columna tiene un fondo rojo.

Artículos

Para obtener más información sobre el elemento HTML colgroup, puedes consultar los siguientes artículos y recursos:

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.