|
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 por defeito do texto contido
na célula.
</TR>
</TABLE>
</BODY>
</HTML>
Fechamos todos os ‘tags’ abertos
e assim concluímos a nossa tabela:
|
Photoshop
