Você está na página 1de 6

Letras CoLoridas

TÍTULOS
Como fazer um título assim:

Tarefas de Novembro

Coloque este código antes do título:

<font face= “nome da fonte” size= “tamanho” color= “cor”> Título </font>

(Troque o que está em vermelho pelo que você quer)

Ex:

<font face= “CAC Pinafore” size= “7” color= “#E65094”> Tarefas de Novembro </font>

Com o código acima, o título ficará assim:

Tarefas de Novembro

Variações:
Você pode escolher outra fonte, outros tamanhos e cores.

Ex:

<font face= “Allstar” size= “6” color= “#33CCCC”> Tarefas de Novembro </font>

Ficará assim:

Tarefas de Novembro

<font face= “Asenine” size= “8” color= “#CC99FF”> Tarefas de Novembro </font>

Ficará assim:

Tarefas de Novembro
<font face= “Cheri” size= “9” color= “#77F57A”> Tarefas de Novembro </font>

Ficará assim:

Tarefas de Novembro

<font face= “Amaze” size= “6” color= “#59B8F9”> Tarefas de Novembro </font>

Ficará assim:

Tarefas de Novembro

Importante:
# Sempre lembre de fechar o código após o título, usando este código: </font>

# As cores são em formato HTML, você encontra os código neste site:


http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

Dica:

# Como é um pouco difícil lembrar de todos os códigos na hora, as meninas


encontraram uma forma mais fácil de trocar a fonte, através desse site:

Mas eu ainda prefiro o modo antigo e mais difícil, pois fica da forma que eu
quero!

TEXTO
Como fazer um texto colorido
Com o mesmo código que você usou no título, você irá colocá-lo antes do
texto. Só cuide para colocar um tamanho menor e uma fonte mais legível.

Ex:

<font face= “arial” size= “3” color= “#3366FF”> Gostei muito das tarefas de
novembro, pois elas estão me ajudando a...</font>

Ficará assim:

Gostei muito das tarefas de novembro, pois elas estão me ajudando a...

TÍTULO + TEXTO
Agora veja como ficarão os códigos do título e do texto juntos:

<font face= “CAC Pinafore” size= “7” color= “#E65094”> Tarefas de Novembro </font>

<font face= “arial” size= “3” color= “#3366FF”> Gostei muito das tarefas de
novembro, pois elas estão me ajudando a...</font>

Ficará assim:

Tarefas de Novembro
Gostei muito das tarefas de novembro, pois elas estão me ajudando a...

ALINHAMENTO
Centralizado:
<p align= “center”> Título ou texto </p>

Direita:
<p align= “right”> Título ou texto </p>

Esquerda:
<p align= “left”> Título ou texto </p>

Justificado (é aquele alinhamento à direita que vai até o


final da linha e uma linha fica alinhada à outra, sem
espaços, assim)
<p align= “justify”> Título ou texto </p>

IMPORTANTE:
SEMPRE lembre de fechar o código após o título ou texto, pois um
código aberto pode desalinhar todo o texto.

TÍTULO + TEXTO + ALINHAMENTO


Agora veja como ficarão os códigos do título e do texto juntos e alinhados:

<p align= “center”><font face= “CAC Pinafore” size= “7” color= “#E65094”> Tarefas de
Novembro </font></p>

<p align= “right”><font face= “arial” size= “3” color= “#3366FF”> Gostei muito
das tarefas de novembro, pois elas estão me ajudando a...</font></p>

Ficará assim:

Tarefas de Novembro
Gostei muito das tarefas de novembro, pois elas estão me ajudando a...

IMAGENS
Como colocar imagens:

O código:
<img src= “link da image,.jpg”>

Para colcar o link da imagem você deve hospedá-la em algum site:


www.imageshak.us

Neste site você faz upload de imagens e ele gera um código (link), você copia
esse link e cola no código da imagem (que está em vermelho)

DICA:
# Para alinhar a imagem, use os mesmos códigos de alinhamento.

LINKS
Para fazer uma palavra se transformar em um link, assim:
Tarefas de Outubro

Use este código:


<a href= “destino do link”> Título ou texto </a>

O destino do link é o link que você colaria em sua página.


Título ou texto é a palavra ou frase que você quer transformar em link.

~♥~♥~♥~♥~
Então é isso meninas, espero que vocês tenham entendido. Fiz essa explicação
básica sobre HTML pra que vocês possam tentar fazer as letrinhas coloridas na
página do Sisterhood. Quem não entendeu nada (o que é normal, porque o negócio é
chatinho mesmo!) pode me procurar que eu explico melhor, “ao vivo” haha Tentei
explicar da melhor forma possível, mas eu não sou muito boa nisso, então, espero
mesmo que vocês gostem do tutorial! Mandei pra todas porque a maioria me pediu,
mas não vou fazer só isso para a tarefa, então, quem quiser que eu ensine outra coisa
(eu nem sei o que eu sei para ensinar haha), é só me mandar um email ou ligar:
81956381 Eu tava pensando em ensinar Photoshop, então, quem quiser pode vir aqui
em casa (eu vou mandar um tutorial como este antes pra você não ficar meio perdida!)
Então, espero que tenham gostado, e eu quero ver essas páginas bem coloridas!
Beijinhos, fiquem com Deus!