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

 

 

Parte:

24

 

Alterando a largura da célula
1-ALTERANDO A LARGURA DA CÉLULA

Para alterar o largura de uma célula da tabela basta acrescentar o parâmetro WIDTH dentro da tag <TD>. Exemplo1:

 

<TABLE BORDER=2>

<TR>

<TD WIDTH=100> WIDTH=100</TD>

<TD ALIGN=MIDDLE WIDTH=200>WIDTH=200 (PIXELS)</TD>

</TR>

</TABLE>

O parâmetro WIDTH pode receber dois tipos de valores, em pixels como no exemplo acima ou em porcentagem, como mostrado no exemplo a seguir. Também dentro da tag <TD> vemos um outro parâmetro que é VALIGN=MIDDLE, este parâmetro tem por função alinhar o conteúdo da célula no meio da mesma, ou seja, dentro da célula as frases são alinhadas com relação ao seu centro

Exemplo2:

<TABLE BORDER=2>

<TR>

<TD WIDTH=25%> WIDTH=25%</TD>

<TD ALIGN=MIDDLE WIDTH=75%>WIDTH=75%</TD>

</TR>

2- INSERINDO COR DE FUNDO E SEPARAÇÃO DE CÉLULAS

Outro atributo que podemos ter nas tabelas é mudar a sua cor de fundo, isto se torna particularmente útil quando se quer dar destaque a uma célula em especial.

Vejamos um exemplo:  

<TABLE BORDER=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>

Aqui, vimos que podemos acrescentar cores ao fundo de uma célula, outra coisa que também pode ser feita é mudar a fonte com os comandos de formatação que você já conhece, como <FONT COLOR=>, por exemplo. 

 

.