:: Tutorial de E-mails ::

Tabelas

As tabelas são elementos que ajudam bastante a organizar uma mensagem, destacar algum aspecto, alguma imagem, algum texto.

Primeiramente iremos ver o significado de algumas propriedades das tabelas.

Border : espessura da borda (se usarmos "0" a tabela fica sem borda.

Cellpading: espaço dentro da "célula" da tabela.

Cellspacing: espaço entre as "células" e as bordas da tabela.

Bgcolor: a cor de fundo da tabela.

Background: a textura de fundo da tabela.

Bordercolor: a cor das bordas.

Width: a largura da tabela.

Heigth: a altura da célula.

Podemos perceber, então, que as tabelas e seus efeitos podem variar bastante.

O código abaixo insere uma tabela em seu e-mail. Você poderá modificar e experimentar os resultados à vontade, alterando os itens referentes à tabela.

----------------------------------------------------------------------------------------------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Título</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#1c4768>
<P>
<CENTER>
<TABLE borderColor=#03093a width="90%" bgColor=#b4dde9 border=5>
<TBODY>
<TR>
<TD width="90%">
<DIV> </DIV>
<DIV>  Seu texto vai aqui!!! </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<DIV> </DIV></CENTER>

</BODY></HTML>

----------------------------------------------------------------------------------------------------------------------------------------------------------------

Veja um exemplo aqui

E outro exemplo (com Cellpading e cellspacing) aqui

Aqui você encontra a versão prontinha para e-mail dessa tabela. Está zipada no formato .eml (próprio para o Outlook Express)

Dica elaborada por Lilian Russo e Paulo Henrique Lomanto


	.