015 - TABELAS
Atributos do Tag <TD>: ALIGN, VALIGN e BGCOLOR
<P> <BODY BACKGROUND="BGWite.jpg">
<CENTER>
<P> <B> ATRIBUTOS DO TAG TD </B>
(TD) VALIGN : Alinhamento VERTICAL do texto na c�lula.
(TD) BGCOLOR: Cor do fundo da c�lula.
<BR> ALIGN, VALIGN e BGCOLOR
<!-------------------------------------Descri��o dos Atributos
(TD) ALIGN: Alinhamento HORIZONTAL do texto na c�lula.
ALIGN pode ser: Left (� esquerda), Right (� direita) e
Center (Ao Centro).
VALIGN pode ser: Top (Em cima), Middle (No meio) e
Bottom (Em baixo).
----------------------------------------------------------->
<P>
<!---------------------------- EXEMPLO DE ATRIBUTOS DE (TD) -->
<TABLE BORDER=1 WIDTH=200 HEIGHT=100 BGCOLOR=Lime>
<!-----------------------------------------------Cores de Fundos
Cores poss�veis por meio do nome de cores em ingl�s:
White, Aqua, Fuchsia, Blue, Yellow, Lime, Red, Silver
Gray, Teal, Purple, Navy, Olive, Green, Maroon, Black
-------------------------------------------------------------->
<TR>
<TD ALIGN=Center VALIGN=Top BGCOLOR=Fuchsia>
<!--C�lula com texto centrado, em cima e de fundo roxo.-->
L1 C1
</TD>
<TD>
L1 C2
</TD>
<TD>
L1 C3
</TD>
</TR>
<TR BGCOLOR=Aqua>
<TD>
L2 C1
</TD>
<TD ALIGN=Center VALIGN=Middle BGCOLOR=Fuchsia>
<!--C�lula com texto centrado, verticalmente no meio e
de fundo roxo.-->
L2 C2
</TD>
<TD>
L2 C3
</TD>
</TR>
<TR ALIGN=Center VALIGN=Top BGCOLOR=Yellow>
<TD>
L3 C1
</TD>
<TD>
L3 C2
</TD>
<TD ALIGN=Center VALIGN=Bottom BGCOLOR=Fuchsia>
<!--C�lula com texto centrado, em baixo e de fundo roxo.-->
L3 C3
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
Como testar a homepage acima:
[1] Copiar o texto de <HTML> at� </HTML>, para um arquivo novo, no Bloco de Notas do Windows ou em um editor pr�prio de HTML.
[2] Salvar o arquivo com qualquer nome mas, com extens�o .htm ou .html
numa pasta (Nome sugerido: HtmlBasico, sem acento) do computador, aberta pelo usu�rio, e destinada a conter os arquivos de teste deste curso.
Sugest�o para o nome do arquivo: AAULAxxx.htm onde xxx � o
n�mero acima desta tela. O "A" dobrado � para o arquivo ficar acima
dos outros, facilitando sua visualiza��o ao ter que abr�-lo.
[3] Abrir o arquivo por meio de um browser (navegador) para obter a seguinte home page, pressupondo-se que tenha sido feito o download
do arquivo BGWite.jpg exigido na Aula 004:
Observe o seguinte:
O tag <TD> tamb�m tem o atributo WIDTH (Largura, que se usa como em <TABLE>). � pouco usado porque altera tamb�m todas as c�lulas acima e abaixo na mesma coluna, por�m � um recurso dispon�vel para uso eventual. O valor de WIDTH de <TD> tem que ser menor e compat�vel com o WIDTH de <TABLE>, se este �ltimo atributo estiver declarado, a fim de n�o provocar quebras de linhas em outras c�lulas. Se WIDTH de <TABLE> n�o estiver declarado a tabela se amolda a qualquer valor do atributo WIDTH do tag <TD>. O mesmo se aplica ao atributo HEIGHT com rela��o �s colunas.
Todos os atributos do tag <TD> se aplicam, da mesma forma, ao tag <TH> (Table Header=Cabe�alho).
Os c�digos sobre tabelas, at� aqui apresentados, s�o os b�sicos para montagem de tabelas. H� outros, que escapam ao escopo deste curso, cujo entendimento requer o dom�nio razo�vel e alguma pr�tica no uso destes c�digos b�sicos.
Atualiza��o em Agosto/2000 por
