<!-->, <!DOCTYPE>, <a>, <abbr>, <acronym>, <address>, <applet>, <area>, <b>, <base>, <basefont>, <bdo>, <big>, <blockquote>, <body>, <br>, <button>, <caption>, <center>, <cite>, <code>, <col>, <colgroup>, <dd>, <del>, <dfn>, <dir>, <div>, <dl>, <dt>, <em>, <fieldset>, <font>, <form>, <frame>, <frameset>, <head>, <h1>...<h6>, <hr>, <html>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>, <link>, <map>, <menu>, <meta>, <noframes>, <noscript>, <object>, <ol>, <optgroup>, <option>, <p>, <param>, <pre>, <q>, <s>, <samp>, <script>, <select>, <small>, <span>, <strike>, <strong>, <style>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <title>, <tr>, <tt>, <u>, <ul> e <var> .
A tag <colgroup> é usada para agrupar colunas de uma tabela para formatação.
Dois elementos colgroup. O primeiro abrange duas colunas e define a cor de fundo para vermelho, o segundo define a cor de fundo para azul, veja o exemplo:
<table width="100%" border="1"> <colgroup span="2" style="background-color:green;"></colgroup> <colgroup style="background-color:blue;"></colgroup> <tr> <th>Registro</th> <th>Título</th> <th>Preço</th> </tr> <tr> <td>3476896</td> <td>Meu primeiro HTML</td> <td>R$53,00</td> </tr> </table>
A tag <colgroup> é útil para aplicação de estilos de colunas inteiras, em vez de repetir os estilos para cada célula, para cada linha.
A tag <colgroup> só pode ser usado dentro de um elemento <table>.
A tag <colgroup> é suportado em todos os principais navegadores.
Adicione o atributo de estilo para a tag <colgroup>, e deixe CSS cuidar de fundos, largura e margens.
Também dê uma olhada na tag <col>.
Nenhuma diferença.
DTD indica em qual DTD HTML 4.01/XHTML 1,0 o atributo é permitido. S = Strict, T = Transitional e F = Frameset.
Atributo | Valor | Descrição | DTD |
---|---|---|---|
align | left, right, center, justify, char | Alinha o conteúdo de um grupo de colunas | STF |
char | character | Alinha o conteúdo de um grupo de colunas por caractere | STF |
charoff | número | Define o número de caracteres que o conteúdo será alinhado a partir do caractere especificado pelo atributo char | STF |
span | número | Especifica o número de colunas de um grupo de colunas deve abranger | STF |
valign | top, middle, bottom, baseline | Vertical alinha o conteúdo em um grupo de colunas | STF |
width | pixels, porcentagem, tamanho relativo | Especifica a largura de um grupo de colunas | STF |
A tag <colgroup> suporta os seguintes atributos padrão:
Atributo | Valor | Descrição | DTD |
---|---|---|---|
classe | nome de classe | Especifica um nome de classe para um elemento | STF |
dir | rtl, ltr | Especifica a direção do texto para o conteúdo de um elemento | STF |
id | id | Especifica um id único para um elemento | STF |
lang | código de linguagem | Especifica um código de linguagem para o conteúdo de um elemento | STF |
style | definição de estilo | Especifica um estilo interno para um elemento | STF |
title | texto | Especifica informações adicionais sobre um elemento | STF |
xml:lang | código de linguagem | Especifica um código de linguagem para o conteúdo de um elemento, em documentos XHTML | STF |
Mais informações sobre atributos padrão.
A tag <colgroup> suporta os atributos de eventos a seguir:
Atributo | Valor | Descrição | DTD |
---|---|---|---|
onclick | Script | Script para ser executado em um clique do mouse | STF |
ondblclick | Script | Script para ser executado em um duplo clique do mouse | STF |
onmousedown | Script | Script para ser executado quando o botão do mouse é pressionado | STF |
onmousemove | Script | Script para ser executado quando o ponteiro do mouse se move | STF |
onmouseout | Script | Script para ser executado quando o ponteiro do mouse se move para fora de um elemento | STF |
onmouseover | Script | Script para ser executado quando o ponteiro do mouse se move sobre um elemento | STF |
onmouseup | Script | Script para ser executado quando o botão do mouse é liberado | STF |
onkeydown | Script | Script para ser executado quando uma tecla é pressionada | STF |
onkeypress | Script | Script para ser executado quando uma tecla é pressionada e liberada | STF |
onkeyup | Script | Script para ser executado quando uma tecla é liberada | STF |
Mais informações sobre atributos do evento.
HTML Básico
HTML Avançado
HTML Media
XHTML
HTML5
HTML Referências