Definição e uso de: <THEAD></THEAD>
HTML com Estilo
O marcador <THEAD></THEAD> "Table Head Element" ou linha de cabeçalho de uma tabela HTML, é utilizado para destacar os títulos das colunas de uma tabela.
O marcador <THEAD></THEAD> tem como principais propriedades a de "negritar" o conteúdo das células, como também alinhar automaticamente os títulos das colunas no centro das células e deverão ter suas tags trocadas de <TD></TD> para <TH></TH>.
Caso tenha uma linha de subtítulos as células desta linha poderão ser do tipo <TD></TD>
Uma ocasião importante para se usar a tag <THEAD></THEAD> é quando tiver uma tabela muito longa a ser impressa. A cada página de impressão o cabeçalho se repetirá.
<table cellspacing="1" cellpadding="2" align="center" style="background: #000000; border: 1px solid #333333; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px;">
<caption style="color:#000;">Produtos Recebidos</caption>
<thead>
<tr
align="center"
style="background: #FFCC00;
font-weight: bold;
">
<td>
<th>
Data
<td>
</th>
<td>
<th>
Prod A<br />Quantidade
<td>
</th>
<td>
<th>
Nível de<br />Qualidade
<td>
</th>
<td>
<th>
Prod B<br />Quantidade
<td>
</th>
<td>
<th>
Nível de<br />Qualidade
<td>
</th>
<td>
<th>
Prod C<br />Quantidade
<td>
</th>
<td>
<th>
Nível de<br />Qualidade
<td>
</th>
<td>
<th>
Prod D<br />Quantidade
<td>
</th>
<td>
<th>
Nível de<br />Qualidade
<td>
</th>
</tr>
</thead>
<tr style="background: #FFFF99;">
<td align="center">30/05/11</td>
<td align="right">100</td>
<td>Bom</td>
<td align="right">125</td>
<td>Ótimo</td>
<td align="right">55</td>
<td>Bom</td>
<td align="right">75</td>
<td>Bom</td></tr>
<tr style="background: #FFFF99;">
<td>31/05/11</td>
<td align="right">110</td>
<td>Bom</td>
<td align="right">105</td>
<td>Bom</td>
<td align="right">80</td>
<td>Ótimo</td>
<td align="right">95</td>
<td>Bom</td></tr></table>
O código fonte acima será visualizado assim no navegador:
Produtos Recebidos
Data
Prod A
Quantidade
Nível de
Qualidade
Prod B
Quantidade
Nível de
Qualidade
Prod C
Quantidade
Nível de
Qualidade
Prod D
Quantidade
Nível de
Qualidade
30/05/11
100
Bom
125
Ótimo
55
Bom
75
Bom
31/05/11
110
Bom
105
Bom
80
Ótimo
95
Bom