O documento fornece uma introdução sobre HTML, explicando que ele pode ser editado em editores de texto ou programas como Dreamweaver. Ele também apresenta os elementos básicos de um código HTML, como <head>, <body>, <title> e como eles funcionam. Por fim, há um exercício prático guiado para editar um email marketing em HTML.
9. O CÓDIGO TEM 2 PARTES
<HEAD> TUDO AQUILO
QUE NÃO É EXIBIDO NO
NAVEGADOR, COM
EXCESSÃO DO TÍTULO.
</HEAD>
<BODY> TUDO AQUILO
QUE É EXIBIDO NO
NAVEGADOR.</BODY>
10. O ABRE E FECHA DE CADA
CÓDIGO
TOME CUIDADO PARA
NÃO APAGAR
ELEMENTOS.
<COMANDO> ABRE UM
COMANDO
</COMANDO> FECHA
UM COMANDO.
23. <body style="margin: 0px; padding: 0px;“>
INTERPRETANDO O
CÓDIGO
INFORMAÇÕES DE
MARGEM E DISTÂNCIA.
NÃO VAMOS MEXER AQUI.
24. <div style="font-size: 10px; font-family: verdana;
padding:10px 0 10px 0;" align="center“>
INTERPRETANDO O
CÓDIGO
INFORMAÇÕES DE FONTE,
DISTÂNCIA E ALINHAMENTO.
NÃO VAMOS MEXER AQUI.
25. <p>Caso não esteja conseguindo visualizar esta
mensagem
<a href="http://www.americanas.com.br">acesse
este link</a></p>
INTERPRETANDO O
CÓDIGO
CASO O SERVIDOR DE E-MAIL BLOQUEIE A
EXIBIÇÃO DA MENSAGEM, A CRIAÇÃO DESTE
LINK RESOLVE O PROBLEMA.
26. <p>Caso não esteja conseguindo visualizar esta
mensagem
<a href="http://www.americanas.com.br">acesse
este link</a></p>
INTERPRETANDO O
CÓDIGO
O <P> É DE PARÁGRAFO, POR
ISSO INCLUI TUDO ONDE TEM
TEXTO.
27. <p>Caso não esteja conseguindo visualizar esta
mensagem
<a href="http://www.americanas.com.br">acesse
este link</a></p>
INTERPRETANDO O
CÓDIGO
O <A> É PARA INCLUSÃO DE LINKS.
NO CASO, AS PALAVRAS ACESSE
ESTE LINK VÃO SER MARCADAS
PARA RECEBER O ENDEREÇO DO
SITE.
28. <p>Caso não esteja conseguindo visualizar esta
mensagem
<a href="http://www.americanas.com.br">acesse
este link</a></p>
INTERPRETANDO O
CÓDIGO
TROQUE O LINK DAS AMERICANAS
POR OUTRO SITE
29. INTERPRETANDO O
CÓDIGO
O LINK FICA NO TEXTO “ACESSE
ESTE LINK” E, ASSIM QUE VOCÊ
PASSA O MOUSE, ELE APARECE
LOGO ABAIXO
31. PASSO A PASSO
1 – PROCURE UMA IMAGEM NO
GOOGLE
2 – SALVE NA MESMA PASTA DO
HTML
3 – DEIXE A IMAGEM COM UM NOME
FÁCIL E EM MINÚSCULO
4 – VERIFIQUE SE A IMAGEM ESTÁ EM
PNG OU JPG
32. INTERPRETANDO O
CÓDIGO
TROQUE O ENDEREÇO DA IMAGEM
PARA O NOME ESCOLHIDO, ASSIM:
“ARQUIVO.JPG”
<a href="http://www.americanas.com.br"><img
src="imagem.jpg" border="0"></a></div>