Atributos de Tabelas:

Ir para fim da página
Através da alteração dos Atributos das marcações das tabelas, podemos alterar as apresentações. Vejamos os principais atributos:

<ALIGN>: É aplicado às marcações TR, TH e TD, e serve para alinhar o texto dentro da célula. Os valores possíveis são left, center, right, para alinhar à esquerda, centralizar ou alinhar à direita respectivamente.Veja um exemplo:

<CENTER>
<TABLE BORDER>
<TR>
<TD>Primeira Célula</TD><TD>Segunda Célula</TD><TD>Terceira Célula </TD>
</TR>
<TR>
<TD ALIGN=LEFT>Esquerda</TD>
<TD ALIGN=CENTER>Centro</TD>
<TD ALIGN=RIGHT>Direita</TD>
</TR>

Primeira CélulaSegunda CélulaTerceira Célula
Esquerda Centro Direita

<VALIGN>: Define o posicionamento do texto nas células em relação à borda superior e inferior. É usado nas marcações TR, TH e TD. Aceita os valores TOP, MIDDLE e BOTTOM .

<CENTER>
<TABLE BORDER>
<TR>
<TD>Teste para alinhamento<BR>
com relação a bordas<BR>
inferior e superior</TD>
<TD VALIGN=TOP>TOP</TD>
<TD VALIGN=MIDDLE>MEIO</TD>
<TD VALIGN=BOTTOM>BOTTOM</TD>
</TR>
</TABLE>
</CENTER>




Teste para alinhamento
com relação a bordas
inferior e superior
TOP MEIO BOTTOM

<NOWRAP>: Evita que haja uma quebra de linha dentro de uma célula.

<COLSPAN>: Determina quantas colunas uma célula pode abranger. Aplica-se a TH e TD. O padrão é COLSPAN=1. Veja o exemplo:

3 colunasnormalnormal
col1col2col3col4col5

<ROWSPAN>:Aplicado a células TH e TD, define quantas linhas uma mesma célula irá ocupar na tabela. O padrão é 1. Veja o exemplo:

col 1 = 3 linhas col2col3col4col5
col2col3col4col5
col2col3col4col5

<WIDTH=(valor ou percentual)>: Determina o quanto da tela uma tabela ou célula deverá ocupar. Pode ser aplicado a TABLE, TH e TD. O valor pode ser em pixels ou em percentagem.

Exemplo aplicado a tabelas: com 80% e 40%

JanFevMar
AbrMaiJun
JanFevMar
AbrMaiJun

Exemplo aplicado a uma célula:50%, 30% e 20%.

JaneiroFevMar
AbrMaiJun

<BORDER>: Para que as bordas da tabela estejam visíveis é necessário incluir esse atributo na marcação <TABLE>, ficando <TABLE BORDER></TABLE>. Atribuindo um valor ao BORDER, pode-se aumentar as bordas da tabela.

Veja os exemplos: para valores 1, 5 e 10.

JanFevMar
AbrMaiJun
JanFevMar
AbrMaiJun
JanFevMar
AbrMaiJun

Ir para inicio da página
Inicio Anterior Próxima
MHP-Site dos sites

copyrigth © 1998 - Márcio Santos Passos.