Manual de Referência HTML

大全 de etiquetas HTML

Tag <colgroup> do HTML Tag <code> do HTML

Tag <col> do HTML

HTML: <col> elemento define a coluna na tabela e é usado para definir a semântica comum em todas as células comuns. Ele geralmente está dentro do elemento <colgroup>.

Exemplo online

As etiquetas <colgroup> e <col> definem a cor de fundo de três colunas na tabela:

Exemplo

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Base Tutorial Network(oldtoolbag.com)</title>　
</head>
<body>
<table>
　　<colgroup>
　　　　<col span="3" style="background-color:#FFF3E0;">
　　　　<col style="background-color:orange;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Item</<th>
　　　　　　<th>Quantity</<th>
　　　　　　<th>Price</<th>
　　　　　　<th>Total</<th>
　　　　</tr>
　　</<thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>Oranges</td>
　　　　　　<td>45</td>
　　　　　　<td>$2</td>
　　　　　　<td>$90</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

testar para ver ‹/›

Neste HTML5No exemplo de documento, criamos uma tabela com partes <colgroup>, <thead> e <tbody>. Na parte <colgroup>, usamos dois marcadores <col>. O primeiro marcador <col> agrupa as três primeiras colunas e define a cor de fundo dessas colunas como laranja claro, ou seja, #FFF.3O valor hexadecimal de E0. A segunda etiqueta <col> agrupa a quarta coluna e define a cor de fundo como laranja.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

todos os navegadores populares suportam a etiqueta <col>.

definição e instruções de uso da etiqueta

A etiqueta <col> é usada para<colgroup>parte, para definir as propriedades da coluna.

Através do uso da etiqueta <col>, é possível aplicar estilos a toda a coluna, sem a necessidade de repetir a configuração de estilos para cada célula ou cada linha.

HTML 4.01 com HTML5diferenças

HTML5 não suporta mais HTML 4.01 a maioria das propriedades.

Diferenças entre HTML e XHTML

No HTML, a etiqueta <col> não tem etiqueta de fechamento.

No XHTML, a etiqueta <col> deve ser fechada corretamente.

Atributo

Atributo	Valor	Descrição
align	esquerda 　direita 　centro 　justificar 　char	HTML5 Não suportado. Especifica o alinhamento horizontal do conteúdo relacionado ao elemento <col>.
char	character	HTML5 Não suportado. Especifica o caractere pelo qual o conteúdo relacionado ao elemento <col> deve ser alinhado.
charoff	número	HTML5 Não suportado. Especifica o deslocamento do primeiro caractere de alinhamento.
span	número	Especifica o número de colunas que o elemento <col> deve cruzar.
valign	superior 　meio 　inferior 　linha_de_base	HTML5 Não suportado. Especifica o alinhamento vertical do conteúdo relacionado ao elemento <col>.
largura	% 　pixels 　relative_length	HTML5 Não suportado. Especifica a largura de um elemento <col>

Atributos globais

Suporte ao <col> etiqueta Atributos globais do HTML.

Atributos de eventos

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

Tag <colgroup> do HTML Tag <code> do HTML