LIÇÃO 5

• <CAPTION> ... </CAPTION> - para acrescentar um título na tabela.
• <TR> ... </TR> - para informar onde começa (<TR>) e onde termina (</TR>) cada linha da tabela.
• <TH> ... </TH> ou <TD> ... </TD> - para identificar o início e o fim de cada célula. A diferença entre <TH> e <TD> é que o conteúdo da célula da tag <TH> é escrita em negrito e centralizada.

      Agora já podemos fazer uma tabela com estes comandos, que ficaria assim:

 

Tabela

célula 1	célula 2
célula 3	célula 4

      Os comandos da tabela acima seria assim:

<TABLE>
<CAPTION> Tabela </CAPTION>
<TR>
<TH> célula 1 </TH>
<TH> célula 2 </TH>
</TR>
<TR>
<TD> célula 3 </TD>
<TD> célula 4 </TD>
</TR>
</TABLE>

      Atributos para a tag <TABLE>:

• BORDER -                Define a espessura da borda;
• WIDTH -                    Define a largura da tabela, pode ser definida em % ou valor absoluto (com números);
• ALIGN -                     Alinhamento horizontal (Right, Center, Left);
• BGCOLOR -             Altera a cor de fundo;
• BACKGROUND -    Permite colocar uma imagem no fundo;
• CELLSPACING -    Define o espaço existente entre as células da tabela;
• CELLPADDING -    Define o espaço existente entre as bordas da célula e seu conteúdo;
• BORDERCOLOR - Altera a cor da borda.

      Atributos para as tags <TD> e <TH>:

• COLSPAN -     Especifica quantas colunas da tabela a célula vai ocupar;
• ROWSPAN -    Especifica quantas linhas da tabela a célula vai ocupar;
• WIDTH -            Define a largura de cada célula, pode ser definida em % ou valor absoluto (com números);
• HEIGHT -          Define a altura de cada célula, pode ser definida em % ou valor absoluto (com números);
• ALIGN -             Alinhamento horizontal (Right, Center, Left);
• VALIGN -          Alinhamento vertical (Top, Middle, Bottom);

• BGCOLOR -     Alterar a cor de fundo desse elemento.