014 - TABELAS
Atributos do Tag <TR>: ALIGN, VALIGN e BGCOLOR
<P> <BODY BACKGROUND="BGWite.jpg">
<CENTER>
<P> <B> ATRIBUTOS DO TAG TR </B>
(TR) VALIGN : Alinhamento VERTICAL do texto nas
(TR) BGCOLOR: Cor do fundo das c�lulas de uma mesma linha,
<BR> ALIGN, VALIGN e BGCOLOR
<!-------------------------------------Descri��o dos Atributos
(TR) ALIGN: Alinhamento HORIZONTAL do texto nas
c�lulas de uma mesma linha, onde n�o houver (TD) ALIGN
diferente. (TD) ALIGN s� afeta a c�lula que o cont�m.
ALIGN pode ser: Left (� esquerda), Right (� direita) e
Center (Ao Centro).
c�lulas de uma mesma linha, onde n�o houver (TD) VALIGN
diferente. (TD) VALIGN s� afeta a c�lula que o cont�m.
VALIGN pode ser: Top (Em cima), Middle (No meio) e
Bottom (Em baixo).
onde n�o houver (TD) BGCOLOR diferente. (TD) BGCOLOR s�
afeta a c�lula que o cont�m.
------------------------------------------------------------>
<P>
<!--------------------------------- EXEMPLO DE ATRIBUTOS DE (TR)-->
<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>
<!-- TR sem atributos: esta linha assume a cor da tabela que �
Lime=Verde -->
<TD>
L1 C1
</TD>
<TD>
L1 C2
</TD>
<TD>
L1 C3
</TD>
</TR>
<TR BGCOLOR=Aqua>
<!--Esta linha assume a cor declarada que � Aqua=Azul -->
<TD>
L2 C1
</TD>
<TD>
L2 C2
</TD>
<TD>
L2 C3
</TD>
</TR>
<TR ALIGN=Center VALIGN=Top BGCOLOR=Yellow>
<!--Linha com texto centrado e em cima com fundo amarelo -->
<TD>
L3 C1
</TD>
<TD>
L3 C2
</TD>
<TD>
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 fechamento dos tags com </nome do tag> � essencial em tabelas, principalmente nas grandes tabelas. Em pequenas tabelas a aus�ncia dos tags </TR> e </TD> pode at� fazer a tabela ser exibida (aparentemente) correta num certo browser, mas poder� ser exibida deformada em outros browsers.
� comum uma tabela come�ar pequena e, aos poucos, ela ir crescendo com a necessidade, assim tornando-se mais complexa. Da� a import�ncia de se manter todos os tags fechados com </nome do tag> e manter organizada a folha de programa��o de modo que ela possa corresponder facilmente ao aspecto que se espera dela ao ser exibida num browser.
Um dos tags mais comumente esquecidos de se fechar � o pr�prio tag <TABLE>, quando as tabelas de uma home page ficam muito grandes, porque o tag </TABLE> fica muito em baixo na folha de programa��o. Neste caso o que � exibido � uma confus�o de textos sem nenhuma semelhan�a com uma tabela.
Para se obter disciplina na elabora��o da folha de programa��o � importante, desde o in�cio do aprendizado, adquirir-se o h�bito de manter indenta��es horizontais, espa�amentos verticais, coment�rios curtos e coment�rios delimitadores de �reas (Ex: <!--AQUI COME�A A TABELA "Tal" -->) em caixa alta e bem a direita, para n�o se misturar com os textos, tags e seus atributos, sendo assim mais facilmente encontrados.
Os atributos de cor do atributo BGCOLOR podem ser tamb�m expl�citos em c�digos hexadecimais, consultando-se tabelas existentes em livros sobre HTML ou aplicando-se diretamente nos tags com editores pr�prios para c�digo HTML.
Atualiza��o em Agosto/2000 por
