08 novembro 2013

Cód. basicos sobre HTML + novo Lay!

Oiii paixões, isso mesmo eu estou postando um tutorial, podem soltar fogos de artificio comemorar e pegar seus guarda-chuvas por que hoje vai chover (kkkkk ><), obviamente vocês devem ter reparado no novo layout, lindinho né? eu que fiz as ilustrações (*-*) era pra ser eu, mas enfim, deixa pra la kkk. O blog estava merecendo algo mais bonito e a tempos estava falando que ia fazer, por isso esta ai e espero que gostem.

Mas vamos ao tuto de hoje... Quando eu não conhecia muito html eu sempre penava pra colocar link em palavras, imagens, mudar a cor da letra, ou mudar a fonte, colocar negrito, mudar tamanho de fonte e etc. E hoje estava aqui imaginando: aposto que muitos também penam com essas códigos simples pra alguns e já complicados para outros. E então por isso hoje eu estou aqui trazendo alguns cód. básicos sobre HTML para vocês. Simbora?


Mudando a cor da fonte:

Para mudar a cor da fonte use o seguinte cod.


<font color="#000000"> Seu texto </font>

Aonde esta de vermelho você ira colocar a cor desejada para o seu texto, e onde esta azul você ira colocar o texto desejado. Não esqueça do </font> no final pois é ele quem indica que o cod. acabou. 


Mudando a fonte: 

Para mudar a fonte usada coloque o codigo abaixo:

<font face=*> Texto desejado</font>

Onde esta de vermelho você ira colocar o texto que deseja. Vale lembra que a fonte só ira ser visualizado se o outro computador tiver a fonte instalada, então por isso é sempre bom colocar fontes padrão como arial, Helvetica, Sans, Times, Verdana, Courrier, Georgia e etc. Onde esta de verde você ira colocar o nome da fonte desejada, ex: arial. 


Mudando o tamanho da fonte: 

Para muda o tamanho da fonte use o seguinte codigo: 


<font size=*> texto </font>

Onde esta de vermelho você ira colocar o seu texto desejado e onde esta de verde você ira colocar um numero de 1 a 7 onde 1 é menor e 7 é maior. 



Texto em negrito, itálico e sublinhado:

Para colocar um texto em negrito use a tag <b> 
Ex:   <b>Meu texto</b>  
Feche com o </b> para indicar que o código acabou e que você quer que seu texto em negrito acabe ali. 



Para colocar seu texto em Itálico use a tag <i>
Ex: <i>meu texto</i>
Feche com </i>. 


Para colocar seu texto em sublinhado use a tag <u>
Ex: <u>meu texto</u>
Feche com </u>.


Colocar link em TEXTO: 

Para colocar link em uma palavra/frase/texto use o cod. abaixo:

<a href="link-do-lugar">Texto</a>

Aonde esta de vermelho você ira colocar o link desejado e onde esta de verde ira colocar a descrição. Simples. 


Colocar link em uma IMAGEM: 

Para "linkar" uma imagem use o cod. abaixo: 

<a href= “link-desejado”><img src="url-da-imagem" border="0"></a>

Onde esta de vermelho você ira colocar o link da pagina que deseja ir, e onde esta de verde colocara o link da imagem. 



Bom é isso gente, espero que vocês tenham gostado do tuto. Espero por comentário hein, e se reblogar credite e deixe um comentário avisando. 

Beijo, até a próxima. ;* 

4 comentários:

  1. Olá adorei o teu blog... muito útil.
    Estou a procura de imagens feitas exclusivamente ou então únicas para o meu blog será que me sabes dizer onde encontrar?!
    Além disso adorava personalizar o meu espacinho e como vi que fazes os layouts gostaria de saber se estarias interessada em fazer um layout para o meu blog em troca de publicidade ao teu blog.

    Aguardo uma resposta!
    bjxxx

    ResponderExcluir
  2. ola ,adorei seu blog por favo tou começando agora o meu segui lá o meu blog vou agradese demais http://seu-estilo-rodrigo.blogspot.com.br/ ah depois me explica derei como fasso pra você fazer um banne , bjs !

    ResponderExcluir
  3. Muito legal todas as suas dicas. Parabéns pelo blog ^^
    bjs

    |A Beautiful Lie|

    ResponderExcluir
  4. Oi, eu adorei os eu blog... Sou iniciante no blogger, e queria saber se tu pode fazer um layout pro meu blog em troca de publicidade, e divulgação e tudo, pro teu blog. Por favor, preciso demais... <3 Beijos e aguardo resposta!

    ResponderExcluir

Ficarei muito feliz com o seu comentário!

A nada de postar só aquela mesma frase "visite o meu blog", comente algo sobre o assunto postado e no final coloque o link do seu blog!
Visitarei e comentarei de volta, se eu gostar do blog seguirei!