Aula 3 - HTML no OE

O Outlook Express nos possibilita ver o código fonte quando se clica na abinha Origem.Veja no print:

Image8.jpg

Você verá o código fonte. Esse código está em linguagem HTML, como no print:

Image9.jpg

Mas afinal o que é HTML?

HTML é a acrossemia de HyperText Markup Language, é uma das linguagens utilizadas para desenvolver páginas na internet.  Existem outras linguagens mais avançadas porém dificilmente você verá um site que não utilize HTML, e o mais comum é encontrar sites que utilizam somente HTML.

Todo documento HTML é composto de Tags, cada uma com uma função diferente. Este é o nome dados aos comandos HTML ( palavras chaves) e estão contidas entre os sinais < (menor que) e > ( maior que).

Perceba que sua mensagem começa com a tag <HTML> e termina com </HTML>. A barra " / " sinaliza o fechamento da tag.

A tag <HEAD> - indicam o início e </HEAD> o fim de uma seção de cabeçalho para a página.

A tag <BODY> pode possuir atributos, tais como: TEXT, BGCOLOR, LINK, VLINK e BACKGROUND.

Nas formatações de e-mails encontraremos com mais freqüência:

·  BGCOLOR = indica a cor do fundo da página
Ex. <BODY bgColor=#ffffff

 

·  BACKGROUND = indica a imagem, o papel de carta, o fundo do e-mail (ou da página).
Ex. background= "endereço da imagem">

 

· <FONT> e seu correspondente </FONT> - onde é definido o tamanho, cor e tipo de fonte.
Seus atributos são:

<FONT size= "tamanho"> - define o TAMANHO da fonte

<FONT color= "cor"> - define a COR da fonte

<FONT face= "tipo"> - define o TIPO da fonte (arial, verdana, etc.)

<TABLE> e seu correspondente </TABLE> - delimita uma tabela dentro de sua mensagem

<BGSOUND> - responsável pela música de sua mensagem (MIDI, WAV e .AU).


Essa tag deve ser colocado entre <head></head> e sua sintaxe é <bgsound src="musica.mid" loop=x> onde o atributo "loop" controla a quantidade de vezes que a música é tocada.
 

Nos próximos tutoriais estudaremos separadamente cada item que nos será importante na formatação.

Exercício:

Abra um e-mail, clique na abinha de Origem e faça um print screen do código fonte de sua mensagem e envie para o grupo.

Ele deverá conter:

>A- Plano de fundo colorido

>B-  Texto

>C-  Imagem

>D- Assinatura

Peketita’s Designer
Maio de 2010