Programação
 › Algoritmo  › C/C++  › Java
Web
 › HTML/XHTML  › JavaScript  › PHP
Sistema Operacional
 › Comandos de DOS  › Windows  › Linux  › Mac/BSD
Office
 › Word / Writer  › Excel / Calc
Áreas do Site
 › Download  › Fórum  › Blog
Recomendamos
Computadores e Informática em Lisboa
TI Expert » Programação » Web » HTML/XHTML » Cabeçalhos de Tabela - tag TH

Cabeçalhos de tabela - tag TH

Usamos a tag TH para criar uma célula cabeçalho.

Essa célula cabeçalho pode identificar uma linha ou uma coluna.

Usamos a tag TH sempre aninhada a uma tag TR.

O conteúdo de uma célula criada a partir da tag TH tem formatação diferente de uma célula padrão criada a partir da tag TD. Ela tem seu conteúdo centralizado e em estilo negrito.

Leitores virtuais podem ler o texto com uma voz diferente, isso é de grande ajuda para deficientes visuais.

Para uma melhor apresentação em browsers não visuais, pode-se utilizar os atributos headers e scope (que serão vistos mais adiante).

Veja o pequeno exemplo abaixo:

...
<TABLE SUMMARY="Cotação do Dólar(US) em R$ em 24/06/2009">
  <TR>
    <TH><!-- Esta célula ficará vazia --></TH>
    <TH>Compra</TH>
    <TH>Venda</TH>
    <TH>Variação</TH>
  </TR>
  <TR>
    <TH>Dólar comercial</TH>
    <TD>1,980</TD>
    <TD>1,982</TD>
    <TD>+0,05%</TD>
  </TR>
  <TR>
    <TH>Dólar paralelo</TH>
    <TD>1,950</TD>
    <TD>2,150</TD>
    <TD>-2,50%</TD>
  </TR>
  <TR>
    <TH>Dólar turismo</TH>
    <TD>1,970</TD>
    <TD>2,070</TD>
    <TD>-0,51%</TD>
  </TR>
</TABLE>
...

Em um browser (navegador) gráfico como o Mozilla Firefox ou Microsoft Internet Explorer ficaria assim:

Exemplo de uma tabela usando tag TH como cabeçalho de linha e de coluna

Fonte: w3.org
Características - tag FONT (texto - formatação)
Formatação Padrão tamanho 3 (16px)
estilo da fonte negrito
visualização célula
Atributos Aceitos id, class, lang, dir, title, style, bgcolor, align, char, charoff, valign
Eventos Possíveis onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Creative Commons License
Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.

Faça o download da versão em PDF Indique nosso site Gostou?
Indique nosso site!
Este artigo foi
lido 20733 vezes
Bookmark e Compartilhe

Páginas Relacionadas

Enquete
O Google Chrome OS irá desbancar o Microsoft Windows 7?
» ProgramaçãoAlgorítmo | C/C++ | Java

» WebHTML/XHTML | JavaScript | PHP

» Sistema OperacionalComandos de DOS | Windows | Linux | Mac/BSD

» OfficeWord/Wirter | Excel/Calc

» Áreas do SiteDownloads | Fórum | Blog