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
Imagens
Tutoriais
Criar Um Site
Sony Ms - A512d
Compre comodamente onli ne
69,00 R$
Iskin Adesivo para Celu lar
Un preço incrível.
14,00 R$
TUTORIAIS DE HTML
6. Estrutura usando tabelas Página: 1234567891011
Na criação de páginas em HTML, as tabelas são alg o que serve para muito
mais que para a criação de tabelas p ropriamente ditas. Na verdad e, é rara a
página bem const ruída que não as util ize para melhor controlar a localização
do texto, imagens e outros elemen tos de uma págin a.
Vamos seguir atentam ente a criação de uma págin a com tabelas, visto que
este é um dos processos onde os in iciados ao HTML encontram mais
dificuldades .
<HTML>
<HEAD><TITLE>Página com uma tabela simples
</TITLE></ HEAD>
<BODY>
<TABLE ALIGN="CENTER" BORDER="2">
Isto parece um pouc o óbvio. O ‘tag’ <TABLE> i nicia a nossa tabela. O
parâmetro ALIGN define a localização da tabela na p ágina (neste caso ficará
centrada), e BORDER define a largura da borda.
<TR>
Agora, este ‘tag’ parece bem mais estranho. <TR> si gnifica Table Row, e
indica que vamos i ntroduzir uma lin ha na nossa tabela. Parece lógico, dado
que normalmente as tab elas se definem por lin has e colunas. No entanto…
<TD ALIGN="CENTER">Uma célula</T D>
<TD ALIGN="CENTER">Duas células</TD>
Poder-se-ia dizer que o <TD> diz respeito à divis ão em colunas, duas neste
caso. No entanto, isto é pouco exacto visto que , como vamos ver mais à
frente, um <TD> não corresponde neces sariamente a uma coluna d a nossa
tabela. Na verdade este ‘tag’ apenas divide a li nha actual em várias célul as.
Mas atenção! Se quisermos apenas u ma célula, teremos semp re que utilizar
na mesma um <TD> ! Outra coisa a notar, o parâmetro ALIGN deste ‘tag’ diz
respeito ao alinhamento por defeit o do texto contido na célul a.
</TR>
</TABLE>
</BODY>
</HTML>
Fechamos todos os ‘tags’ abertos e assim concluí mos a nossa tabela:
vamos ver agora mais alguns exemp los de como utiliz ar tabelas.
Primeiramente vamos ver como se util iza uma tabela para fazer uma pág ina
de entrada num sit e, com uma imagem c entrada no ecrã.
<HTML>
<HEAD>
<TITLE>Site de E duardo Sousa – Carregue na imagem para
entrar</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#F FFFFF">
<TABLE ALIGN="CENTER" WIDTH="10 0%" HEIGHT="100%">
ANÚNCIOS
Cartas para Jogar
Padrao
Uma prenda muito
especial.
6,00 R$
Celular Do Bebê
Grow
Oferta válida só online!
12,00 R$
Jogo Rádio-control
Powerball
Un preço incrível.
22,00 €
Curso XHTML
Aprenda a criar páginas Web profissionais
com XHTML e CSS!
Mexicana de Aviação
México e América Latina de perto Tarifas
ótimas e Destinos vibrantes
Truques e Dicas - Tutoriais de HTML - Estrutura usando tabelas
http://www.truquesedicas.com/tutoriais/html/00001i.htm
1 de 2 25/2/2009 10:17
