Cód. basicos sobre HTML + novo Lay! 
Autor: Ana Clara | Publicado: 2013-11-08T08:12:00-08:00

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 &gt;&lt;), 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.




&lt;font color="#000000"&gt; Seu texto &lt;/font&gt;



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 &lt;/font&gt; no final pois é ele quem indica que o cod. acabou.&nbsp;





Mudando a fonte:&nbsp;



Para mudar a fonte usada coloque o codigo abaixo:



&lt;font face=*&gt; Texto desejado&lt;/font&gt;



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,&nbsp;Helvetica, Sans, Times, Verdana, Courrier, Georgia e etc. Onde esta de verde você ira colocar o nome da fonte desejada, ex: arial.&nbsp;





Mudando o tamanho da fonte:&nbsp;



Para muda o tamanho da fonte use o seguinte codigo:&nbsp;





&lt;font size=*&gt; texto &lt;/font&gt;



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.&nbsp;







Texto em negrito,&nbsp;itálico&nbsp;e sublinhado:



Para colocar um texto em negrito use a tag &lt;b&gt;&nbsp;

Ex: &nbsp; &lt;b&gt;Meu texto&lt;/b&gt; &nbsp;

Feche com o &lt;/b&gt; para indicar que o código acabou e que você quer que seu texto em negrito acabe ali.&nbsp;







Para colocar seu texto em Itálico use a tag &lt;i&gt;

Ex: &lt;i&gt;meu texto&lt;/i&gt;

Feche com &lt;/i&gt;.&nbsp;





Para colocar seu texto em sublinhado use a tag &lt;u&gt;

Ex: &lt;u&gt;meu texto&lt;/u&gt;

Feche com &lt;/u&gt;.





Colocar link em TEXTO:&nbsp;



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



&lt;a href="link-do-lugar"&gt;Texto&lt;/a&gt;



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





Colocar link em uma IMAGEM:&nbsp;



Para "linkar" uma imagem use o cod. abaixo:&nbsp;



&lt;a href= “link-desejado”&gt;&lt;img src="url-da-imagem" border="0"&gt;&lt;/a&gt;



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







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.&nbsp;



Beijo, até a próxima. ;*&nbsp;