Entendendo a aba origem

 
Na aba origem temos o esqueleto do mail, ou seja o que vai por dentro e ninguém vê, ou melhor vê mas de forma organizada e com cores, sons e imagens.
Esse assunto é bastante extenso, mas como não se trata de um curso específico de HTML, vamos apenas abordar as principais tags e a forma correta de inserir na  aba origem.
Quando vc abre um novo e-mail para começar a editar, ao clicar na aba origem vc já encontrará lá alguns elementos do html , isto pq vc acionou o esqueleto do mail.
E encontrará lá basicamente isto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2900.2523" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV>&nbsp;</DIV></BODY></HTML>
 
As tags são constituídas por um comando inserido dentro dos símbolos de menor que  < e maior que >.
Exemplo: <html>, <body>, <head>.
As tags sempre começam <> e via de regra, são fechadas por </>.
Exemplo: <html>....</html>.
Porém, nem todas as tags precisam ser fechadas.
 

Analisando as linhas de código acima. Todo documento HTML inicia-se com a tag <html> e é encerrado com </html>. Todo o conteúdo do documento deverá estar inserido dentro desse par de tags.

<html>...</html>-Inicia e finaliza uma página Html.
<head>...</head>-Inicia e finaliza o cabeçalho da página Html.
<body>...</body>-Contém o corpo da página HTML,é o que realmente será exibido.***

Imagem de fundo

<body background="imagem.gif"> a imagem que você deseja configurar como fundo de tela. 

 
Cor de fundo

<body bgcolor="cor"> a cor de fundo da tela (OBS.: onde está escrito "cor" substitua pela código da cor).

 

 

<img> é a tag necessária para se colocar uma imagem na pagina. A tag <img> pode vir acompanhada de diversos parametros:

 

Localização da imagem

<img src="nomedaimagem"> tem que ser .gif ou .jpg

 

 

<BGSOUND>

Carrega um arquivo de áudio como trilha sonora da página.

 

Tem ainda um comando que você verá muito, que é <style>...</style> 

Ele serve para definir o estilo de seu e-mail, tipo estilo de cursor, estilo de bordas, estilo de background...etc.

Exemplo: <STYLE>
BODY { BACKGROUND-POSITION: left top;


MARGIN-TOP: 200px;
MARGIN-LEFT: 300px;
BACKGROUND-REPEAT: no-repeat;}
</STYLE>

Este é um estilo que indica q o back será np topo e que não repete.

 

Outro Exemplo: <STYLE>BODY {
 BORDER-RIGHT: #d28234 6px ridge; BORDER-TOP: #d28234 6px ridge; MARGIN-TOP: 15px; FONT-WEIGHT: normal; FONT-SIZE: 20px; BORDER-LEFT: #d28234 6px ridge; COLOR: #d28234; SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: #d28234 6px ridge; FONT-FAMILY: Duchess; SCROLLBAR-BASE-COLOR: #d28234
}
TD {
 MARGIN-TOP: 15px; FONT-WEIGHT: normal; FONT-SIZE: 20px; MARGIN-LEFT: 300px; COLOR: #d28234; MARGIN-RIGHT: 0px; FONT-FAMILY: Duchess
}
.hidimg {
 LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px
}
</STYLE>

 

Este estilo indica o tipo de borda que será visulaizado, este é mais completo pq tem tb indicações para o scroll(barra de rolagem).

 

Calma!!!

Isto é só um prefácio, logo você vai começar a praticar e entender tudo que agora parece "grego".

Lembre-se você deve ler sempre tudo, mesmo que te pareça cansativo e sem importância.

Vamos começar?