Tabelas Complexas

As vezes é necessário que uma célula ocupe mais de uma linha ou coluna. Isso é possível com inserção de dois atributos nas tags <TH> ou <TD>. Esse atributos são:

COLSPAN : Especifica quantas colunas da tabela a célula pode ocupar

ROWSPAN : Especifica quantas linhas da tabela a célula pode ocupar

Também existem atributos como ALIGN e VALIGN que controlam o alinhamento horizontal e vertical da célula e NOWRAP que indica que o texto da célula não pode ser quebrado para se ajustar ao tamanho da tabela.

<TABLE width="50%" border="1">
<TR>
<TH rowspan="2">1998</TH>
<TH colspan="2">5 BIMESTRE</TH>
<TH colspan="2">6 BIMESTRE</TH>
<TR>
<TD>Setembro</TD>
<TD>Outubro</TD>
<TD>Novembro</TD>
<TD>Dezembro</TD>
<TR>
<TH rowspan="2">1998</TH>
<TH colspan="2">1 BIMESTRE</TH>
<TH colspan="2">2 BIMESTRE</TH>
<TR>
<TD>Janeiro</TD>
<TD>Fevereiro</TD>
<TD>Março</TD>
<TD>Abril</TD>
</TABLE>

Veja um exemplo, baseado no código-fonte acima, da utilização desses atributos.