012 - TABELAS
Atributos do Tag <TABLE>: WIDTH e HEIGHT
<P> <BODY BACKGROUND="BGWite.jpg">
<CENTER>
<!-----------------------------------------------------Observa��o 1
Repare o tag <CENTER> abaixo de <BODY> e
o </CENTER> acima de </BODY> fazendo
todo o conteudo da home page ficar centrado.
---------------------------------------------------------->
<P> <B> ATRIBUTOS DO TAG TABLE </B>
<P> WIDTH (Largura) e HEIGHT (Altura)
<!-----------------------------------------------------Observa��o 2
Se n�o se especificar os atributos WIDTH e HEIGHT as c�lulas
se amoldam automaticamente ao tamanho da c�lula de maior conteudo.
Se se especificar, as c�lulas tornam-se fixas e o conteudo se
amolda a este limites por�m, �s vezes, com quebras de linhas.
A largura e altura se referem a cada uma das c�lulas, medidas
em quantidade de pontos percentuais.
----------------------------------------------------------->
<P>
Fazendo-se WIDTH=200 e HEIGHT=100:
<TABLE BORDER=1 WIDTH=200 HEIGHT=100>
<TR>
<TD>
C�lula Lin 1 Col 1
</TD>
<TD>
C�lula Lin 1 Col 2
</TD>
</TR>
<TR>
<TD>
C�lula Lin 2 Col 1
</TD>
<TD>
C�lula Lin 2 Col 2
</TD>
</TR>
</TABLE>
<!-----------------------------------------------------Observa��o 3
Neste exemplo, o conteudo se amolda aos limites fixados de
largura com quebra de linha e portanto modificando a altura fixada.
------------------------------------------------------------>
<P>
Fazendo-se WIDTH=250 e HEIGHT=100:
<BR>
<TABLE BORDER=1 WIDTH=250 HEIGHT=100>
<TR>
<TD>
C�lula Lin 1 Col 1
</TD>
<TD>
C�lula Lin 1 Col 2
</TD>
</TR>
<TR>
<TD>
C�lula Lin 2 Col 1
</TD>
<TD>
C�lula Lin 2 Col 2
</TD>
</TR>
</TABLE>
<!-----------------------------------------------------Observa��o 4
Neste exemplo, o conteudo encontra limites fixados suficientes
para evitar quebra de linha e portanto mantendo a altura fixada.
------------------------------------------------------------>
</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 atributo WIDTH � mais usado do que o HEIGHT porque permite acabar com quebras de linhas indesej�veis nas c�lulas da tabela. Eles tamb�m podem ser usados separadamente.
De prefer�ncia s� usar usar WIDTH e/ou HEIGHT quando necess�rio. Seus valores s�o obtidos por tentativas sucessivas at� se alcan�ar o efeito desejado.
Atualiza��o em Agosto/2000 por
