Curso de Html Básico: Total de páginas: 34

 

 

Parte:

25

 

Um pouco mais de Tabelas

Repare que no exemplo anterior nós colocamos BORDER=0 e as células apareceram coloridas, mas com um certo espaçamento entre elas, para tirarmos este espaço devemos acrescentar dentro da tag <TABLE> o parâmetro CELLSPACING=0. Este parâmetro elimina por completo os espaços entre as células. 

<TABLE BORDER=0 CELLSPACING=0>

<TR>

<TD WIDTH=150 BGCOLOR=RED>VERMELHO </TD>

<TD WIDTH=150 BGCOLOR=BLUE>AZUL </TD>

<TD WIDTH=150 BGCOLOR=RED>VEMELHO</TD>

</TR>

<TR>

<TD WIDTH=150 BGCOLOR=BLUE>AZUL</TD>

<TD WIDTH=150 BGCOLOR=RED>VEMELHO</TD>

<TD WIDTH=150 BGCOLOR=BLUE> AZUL</TD>

</TR>

</TABLE>

Outro parâmetro que pode ser usado para separar espaços em uma célula é CELLPADDING que inclui ou exclui espaços dentro da célula, ou seja, se você tiver um elemento (frase, texto, figura etc.) dentro da célula você pode acrescentar espaços por igual nos quatros cantos da célula, fazendo com que seu texto ou figura não fique "grudado" nas paredes da célula. Aproveite os exemplos anteriores e experimente usar este atributo para ver como ele funciona.

 Isto já dá uma idéia do funcionamento geral das tabelas na WEB. Muitos dos alinhamentos que encontramos na Internet são feito por intermédio de tabelas.

 Você também pode usar todos os outros recursos já vistos de HTML para otimizar o uso de tabelas.

3-UM POUCO MAIS DE TABELAS

Agora que você já está um pouco mais familiarizado com o uso de tabelas e com seus

principais atributos, vamos ver como podemos aperfeiçoar o uso de tabelas. 

Em seguida descreveremos uma série de outros atributos e comandos para tabelas:

 <TH> ... </TH>

 Esta tag insere um cabeçalho dentro da célula. Na verdade a única diferença entre a tag <TH> e a tag <TD> é que a <TH> exibe o conteúdo da célula em negrito.

 <CAPTION> ... </CAPTION>

 Exibe um texto centralizado em relação à tabela, como se fosse uma legenda.

Exemplo:

 

.