Make your own free website on Tripod.com

TABELAS

Primeiro Passo Avançado: Tabelas

USANDO TABELAS

A sintaxe abaixo cria uma tabela no documento HTML

<table border="2" cellpadding="5" cellspacing="8" width="100%" bordercolor="#000000"
bordercolorlight="#0000FF" bordercolordark="#FF0000">
<tr>
<td width="33%">&nbsp;</td>
<td width="33%">&nbsp;</td>
<td width="34%">&nbsp;</td>
</tr>
<tr>
<td width="33%">&nbsp;</td>
<td width="33%">&nbsp;</td>
<td width="34%">&nbsp;</td>
</tr>
<tr>
<td width="33%">&nbsp;</td>
<td width="33%">&nbsp;</td>
<td width="34%">&nbsp;</td>
</tr>
</table>

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
.


Todos os Direitos Reservados, 1996. Segunda-feira, 9 de dezembro de 1996.
Última revisão: Terça-Feira, 02 defevereiro 1999.