|
Na criação de páginas em HTML, as tabelas são algo
que serve para muito mais que para a criação de tabelas
propriamente ditas. Na verdade, é rara a página bem
construída que não as utilize para melhor controlar
a localização do texto, imagens e outros elementos de
uma página.
Vamos seguir atentamente a criação de uma página com
tabelas, visto que este é um dos processos onde os iniciados
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 pouco óbvio. O ‘tag’ <TABLE>
inicia 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> significa Table Row, e indica que vamos
introduzir uma linha na nossa tabela. Parece lógico,
dado que normalmente as tabelas se definem por linhas
e colunas. No entanto…
<TD ALIGN="CENTER">Uma célula</TD>
<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 necessariamente
a uma coluna da nossa tabela. Na verdade este ‘tag’
apenas divide a linha actual em várias células. Mas
atenção! Se quisermos apenas uma célula, teremos sempre
que utilizar na mesma um <TD>! Outra coisa
a notar, o parâmetro ALIGN deste ‘tag’
diz respeito ao alinhamento padrao do texto contido
na célula.
</TR>
</TABLE>
</BODY>
</HTML>
Fechamos todos os ‘tags’ abertos e assim
concluímos a nossa tabela:
|
