TUTORIAIS
Photoshop
Flash
FrontPage
Dreamweaver
Dhtml
Html
ASP
PHP
JOGOS
Homepage
Antevisões
Análises
Top 10
Demos
Jogos Online
Códigos/Cheats
GALERIAS
Gifs Animados
Clipart
Sons
Fontes
Scripts
FÓRUNS
Tecnologia
Software
Hardware
Flash
Anúncios Google
Dicas
HTML
Tutoriais
Photoshop
TUTORIAIS DE HTML
6. Estrutura usando tabelas
(continuação) Página: 1234567891011
Como vimos, é obrigatório respeitar semp re a hierarquia <TABLE><T R><TD> e
o facto de esta tabela ter apenas um a célula não dispensa nenhu m destes ‘tags’ .
Começando por <TABLE>, WIDTH e HEIGHT definem o tamanho da tabela.
Neste caso foi fornecido um valor em p ercentagem, relativo ao tamanho do ecrã.
Assim consegu imos criar uma tabela que ocup a a totalidade do ecrã. Caso
estivesse escrito <TABLE WIDTH="100">, o valor seria interpretado em termos
absolutos, em pixeis, e tendo em conta que a maioria das p essoas têm o seu ecrã
com 800 pixeis d e largura, o resultado da tabela seria bem diferente. Cabe a cada
um julgar as sit uações em que devem ser util izadas percentagens ou valores em
pixeis
Em <TD>, surg em ALIGN e VALIGN. Se o primeiro é um parâmetro que surg e
em muitos ‘t ags’ e diz respeito ao alinh amento horizontal (pode conter "CE NTER",
"LEFT" ou "RIGHT"), VALIGN é um p arâmetro que nos surge apenas no ‘tag’
<TD>, e diz respeit o ao alinhamento vertical. Pode por isso conter os valores
"MIDDLE", "TOP" ou "BOTTOM", respectivamente para o centro, em cima ou em
baixo.
Finalmente, vamos anali sar uma tabela complexa:
<BODY BGCOLOR="#000000" TEXT="# FFFFFF">
<TABLE BGCOLOR="#000099" ALIGN="CENTER" WIDTH="400"
HEIGHT="300" BORDER="3">
<TR>
<TD ALIGN="CENTER" COLSPAN="3"> 1 </T D>
</TR>
<TR>
<TD ALIGN="CENTER" ROWSPAN="2"> 2 </TD>
<TD ALIGN="CENTER" ROWSPAN="2"> 3 </TD>
<TD ALIGN="CENTER"> 4 < /TD>
</TR>
<TR><TD ALIGN="CENTE R"> 5 </TD></TR>
</TABLE>
</BODY>
Para melhor compreender esta estrutura é convenie nte vermos o resultado final:
ANÚNCIOS
Curso XHTML
Aprenda a criar páginas Web profissionais
com XHTML e CSS!
Hospedagem de Sites?
Teste Grátis e Comprove a Qualidade de
nossa Estrutura e Atendimento.
www.likno.com
Anúncios Goooogle
Truques e Dicas - Tutoriais de HTML - Estrutura usando tabelas
http://www.truquesedicas.com/tutoriais/html/00001j.htm
1 de 2 25/2/2009 10:18
