Definição e uso de: <CAPTION></CAPTION>
HTML com Estilo
O marcador <CAPTION></CAPTION> é utilizado para se colocar um título em uma tabela
O marcador deverá ser colocado imediatamente depois da abertura da tag <table>
Propriedade do título
Alinhamento horizontal
:
Cuidado ao usar o alinhamento horizontal pois nem todos os navegadores aceitam esta modificaço satisfatoriamente.
O alinhamento padrão é no centro, desta forma se esta propriedade for omitida o conteúdo do título será no centro da tabela.
Alinhamento à direita. Esta condição deve que ser declarada dentro da tag:
<CAPTION align="right"></CAPTION>
Alinhamento à esquerda,. Esta condição deve que ser declarada dentro da tag:
<CAPTION align="left"></CAPTION>
Alinhamento na parte inferior da tabela. Esta condição deve que ser declarada dentro da tag:
<CAPTION align="bottom"></CAPTION>
<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>
<tr align="center" style="background: #FFCC00; font-weight: bold;">
<td>Data</td>
<td>Prod A<br />Quantidade</td>
<td>Nível de<br />Qualidade</td>
<td>Prod B<br />Quantidade</td>
<td>Nível de<br />Qualidade</td>
<td>Prod C<br />Quantidade</td>
<td>Nível de<br />Qualidade</td>
<td>Prod D<br />Quantidade</td>
<td>Nível de<br />Qualidade</td></tr>
<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