Html/

Tag Col

Relação de tags

<!-->, <!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 col

A tag col é usada em tabelas para definir atributos para todas as células em uma coluna ou grupo de colunas.

O exemplo abaixo define a cor de fundo das três colunas com o colgroup e tags col.

Exemplo:

<table border="1">
  <colgroup>
    <col span="2" style="background-color:red" />
    <col style="background-color:yellow" />
  </colgroup>
  <tr>
    <th>Registro</th>
    <th>Título</th>
    <th>Preço/th>
  </tr>
  <tr>
    <td>3639572</td>
    <td>Aprenda HTML</td>
    <td>R$52</td>
  </tr>
</table>

Uso da tag col

A tag <col> define valores de atributos para uma ou mais colunas em uma tabela.

A tag <col> é útil para aplicação de estilos de colunas inteiras, em vez de repetir os estilos para cada célula, para cada linha.

A etiqueta de <col> só pode ser utilizado dentro de um <table> ou um elemento de <colgroup>.

Suporte dos navegadores

Internet Explorer - OK
Firefox - OK
Opera - OK
Google Chrome - OK
Safari - OK

A tag <col> é suportado em todos os principais navegadores.

Dicas

Adicione o atributo de estilo para a marca <col>, e deixe CSS cuidar de fundos, largura e fronteiras.

Também dê uma olhada na tag colgroup.

Diferenças entre HTML e XHTML

No HTML a tag <col> não tem tag final.

Em XHTML, a tag <col> deve ser fechada.

Atributos opcionais

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	Especifica o alinhamento do conteúdo relacionado com um elemento <col>	STF
char	character	Especifica o alinhamento do conteúdo relacionado com um elemento <col> para um caractere	STF
charoff	número	Especifica 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 um elemento <col> deve abranger	STF
valign	top, middle, bottom, baseline	Especifica o alinhamento vertical do conteúdo relacionado com um elemento <col>	STF
width	porcentagem, pixels, tamanho variável	Especifica a largura de um elemento de <col>	STF

Atributos Padrão

A tag <col> suporta os seguintes atributos padrão:

Atributo	Valor	Descrição	DTD
class	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 .

Atributos de Eventos

A tag <col> 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 .

< <code> | Índice | <colgroup> >

Codex