Manual de referência HTML

Catálogo de etiquetas HTML

Tag <colgroup> do HTML

A etiqueta <colgroup> do HTML é usada para definir um grupo de colunas em uma tabela, permitindo que você aplique formatação ou adicione classes ao grupo, em vez de cada célula individual. Este marcador também é conhecido como elemento <colgroup>.

Exemplo online

A tag <colgroup> e <col> definem cores de fundo para quatro colunas na tabela:

Exemplo

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　uso da tag <colgroup> (Tutoriais Básicos da Web　oldtoolbag.com)</title>
</head>
<body>
<table>
　　<colgroup>
　　　　<col　span="3"　style="background-color:#FFF9C4">
　　　　<col　style="background-color:yellow;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Item</th>
　　　　　　<th>Quantity</th>
　　　　　　<th>Price</th>
　　　　　　<th>Total</th>
　　　　</tr>
　　</thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>Bananas</td>
　　　　　　<td>5</td>
　　　　　　<td>$12</td>
　　　　　　<td>$60</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

Teste e veja ‹/›

　Neste HTML5No exemplo de documento, criamos uma tabela com partes <colgroup>, <thead> e <tbody>. No parte <colgroup>, usamos dois marcadores <col>. A primeira tag <col> agrupa as três primeiras colunas e define a cor de fundo dessas colunas como #FFF9C4A segunda tag <col> agrupa a quarta coluna e define sua cor de fundo como amarelo.

Compatibilidade de navegadores

IEFirefoxOperaChromeSafari

Todos os navegadores principais suportam a tag <colgroup>.

Definição e instruções de uso da tag

O elemento <colgroup> do HTML está localizado dentro da tabela <body>.

A tag <colgroup> é usada para combinar colunas na tabela, para que possam ser formatadas.
A tag <colgroup> deve aparecer após o <caption> na tabela, mas antes dos marcadores <thead>, <tr>, <th>, <tbody> e <tfoot>.

Ao usar a tag <colgroup>, você pode aplicar estilos a toda a coluna, sem a necessidade de repetir a configuração de estilo para cada célula ou linha.

Dica:Se desejar definir atributos diferentes para uma coluna específica dentro de <colgroup>, use dentro da etiqueta <colgroup>. <col> etiquetas.

HTML 4.01 com HTML5diferenças

HTML5 não é mais suportado HTML 4.01 A maioria dos atributos

Atributo

Atributo	Valor	Descrição
align	left 　right 　center 　justify 　char	HTML5 Não suportado. Define o alinhamento horizontal do conteúdo dentro da combinação de colunas.
char	character	HTML5 Não suportado. Define o caractere a ser usado para alinhar o conteúdo dentro da combinação de colunas.
charoff	number	HTML5 Não suportado. Define o deslocamento do caractere de alinhamento inicial.
span	number	Define o número de colunas que a combinação de colunas deve cobrir.
valign	top 　middle 　bottom 　baseline	HTML5 Não suportado. Define a alinhamento vertical do conteúdo dentro da combinação de colunas.
width	pixels % relative_length	HTML5 Não suportado. Define a largura da combinação de colunas.

Atributos globais

Suporte ao <colgroup> etiqueta Atributos globais do HTML.

Atributos de eventos

Suporte ao <colgroup> etiqueta Atributos de eventos do HTML.

Tag <command> do HTML Tag <col> do HTML