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

 

 

Parte:

26

 

Os principais elementos de uma página Html

<TABLE BORDER=1 CELLSPACING=2 CELLPADDING=6> <! Esta linha inicia a tabela com borda de espessura 1 (border), espaço entre as células 2 (Cellspacing) e espaço dentro da célula 6 (Cellpadding)>

<CAPTION>LEGENDA</CAPTION> <! Introduz uma legenda na tabela>

<TR>

<TH>Conteúdo em negrito</TH> <! Insere o texto na forma de cabeçalho (negrito)>

</TR>

<TR>

<TH>Conteúdo em negrito</TH>

</TR>

 </TABLE>

Repare neste exemplo, que a legenda já sai centralizada com relação a tabela e repare no espaço dentro da célula devido ao comando CELLPADDING.

4-OS ATRIBUTOS COLSPAN E ROWSPAN

Estes atributos são muito importantes dentro da tag <TABLE>. São eles que nos possibilitam remodelar a disposição das células dentro da tabela. Vejamos um exemplo prático: 

<TABLE BORDER=2 CELLPADDING=2>

<TR>

<TD COLSPAN=2>Exemplo do uso do COLSPAN</TD>

<TR>

<TD>CÉLULA 1</TD> <TD>CÉLULA 2</TD>

</TR>

</TABLE> 

Neste exemplo vemos que na tag <TD> foi introduzido o parâmetro COLSPAN. Este parâmetro tem a finalidade de dizer que sob a célula onde ele foi introduzido podemos ter um certo número de colunas. Logo, se você quiser que uma célula ocupe uma única linha, como no nosso exemplo, você deve inserir o parâmetro dentro da tag <TD> desta célula. A quantidade de células que virão em baixo da célula que recebeu o atributo COLSPAN deve ser de acordo com o número especificado no parâmetro.

Mas se quisermos definir uma única célula ocupando uma coluna inteira ? Neste caso usamos o atributo ROWSPAN. Exemplo:

 <TABLE BORDER=2 CELLPADDING=2>

<TR>

<TD ROWSPAN=2>Exemplo do uso do ROWSPAN</TD>

<TD>CÉLULA 1</TD></TR><TR> <TD>CÉLULA 2</TD>

</TR>

</TABLE>

Para melhor utilizar estes parâmetros e ver como eles funcionam você deve fazer a sua própria tabela, pois somente desta forma você conseguirá fixar o uso destes parâmetros.

 

.