TABELAS

Primeiro Passo Avançado: Tabelas

USANDO TABELAS

A sintaxe abaixo cria uma tabela no documento HTML

Exemplo:

Veja a seguir a função de cada tag usada na criação de tabelas:

Criando tabelas
<table>
Esta tag inicia a tabela.
</table>
Esta tag finaliza a tabela.

Definindo linhas
<tr>
Esta tag (table row) inicia uma linha da tabela.
</tr>
Esta tag finaliza uma linha da tabela.

Definindo colunas
<td>
Esta tag (table date) inicia uma coluna na tabela.
</td>
Esta tag finaliza uma coluna na tabela.

Largura das células
<td width="100%">
Esta tag indica a largura, em porcentagem, da coluna da tabela.

Largura da borda
<table border="2">
Esta tag indica a largura da borda externa da tabela.

Largura da tabela
<table width="100%">
Esta tag indica a largura, em porcentagem, da tabela na tela.

Altura da linha
<table cellpadding="1">
Esta tag indica a largura (altura) das linhas.

Largura da borda interna
<table cellspacing="1">
Esta tag indica a largura da borda interna da tabela.

Cor da tabela
<table bgcolor="#0000FF">
Esta tag indica a cor do interior da tabela

Cor da borda da tabela
<table bordercolor="#FFFF00"
Esta tag indica a cor das bordas da tabela

Cor da luminosidade da tabela
<table height="10" bordercolorlight="#FFFFFF"
Esta tag indica a cor da luminosidade (borda clara) sobre a borda da tabela, criando um efeito tridimensional.

Cor da sombra da tabela
<table bordercolordark="#000000">
Esta tag indica a cor da sombra (borda escura) sobre a borda da tabela, criando um efeito tridimensional.

Posição da tabela
<table align="left">
Esta tag posiciona a tabela à esquerda da página.
<table align="right">
Esta tag posiciona a tabela à direita da página.
<table align="center">
Esta tag posiciona a tabela no centro da página.