Usando Tabelas

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: