html básico - letras coloridas!
TRANSCRIPT
Letras CoLoridas
TÍTULOSComo 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!
TEXTOComo 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 + TEXTOAgora 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 NovembroGostei 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 + ALINHAMENTOAgora 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 NovembroGostei 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!