HTML basico para orkut (Algumas tegs e ativando modo HTML)

22/03/2011 11:01

Olá galera! Neste tutorial irei ensinar algumas tegs básicas de HTML, para vocês deixarem o perfil do seu orkut mais personalizado, com imagens, texto centralizado ou ao lado e etc. Encinarei tambem como ativar o modo HTML em seu orkut para que vocês possam estar usando estas tegs.

O “Quem sou eu” e o “Scrapbook” do seu orkut conta com o recurso HTML, ou seja, você pode escrever em modo desing ou inserindo tegs em modo HTML.

Muita gente não sabe para que serve o botão HTML que fica na parte superior esquerda destas caixas de recados, muitos até pensam que aquilo significa HOTMAIL. Mais HOTMAIL e HTML não tem nada a ver.

HTML é (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores.

Este botão serve para alternar entre o modo DESING e HTML.

O modo desing conta com alguns botões de formatação como negrito, itálico, sublinhado e cor do texto. Estando neste modo e clicando no botão HTML, você estará ativando o modo HTML. Veja imagem abaixo.

No modo HTML você tem mais controle inserindo tegs que não tem no modo DESING, como alinhamento e tamanho do texto, por exemplo. Note que os botões de formatação ficaram indisponíveis, isso por que a formatação do texto agora deve ser feita via código, inserindo tegs. Estando neste modo e clicando no botão HTML volta para o modo DESING. Veja imagen abaixo.

Agora que você já sabe como ativar o modo HTML, vamos aprender a usar algumas tegs básicas.

1 - Centralizando imagem e texto

O código em HTML para centralizar algo é: <center></center>, você precisa colocar o seu texto ou a imagem entre estas tags

Seu código deverá ficar assim O Resultado do texto centralizado seria este             
<center>Seu texto ou imagem aqui</center> Seu texto ou imagem aqui

2 - Alinhar algum texto à direita, à esquerda ou centralizar.

Por padrão, todo texto que você escreve é alinhado a direita. Mas para alinhar a esquerda ou centralizar você precisa colocar o seu texto ou imagem entre o seguinte código HTML

Para alinhar a direita: <p align="left"></p>

Seu código deverá ficar assim O Resultado do texto alinhado a direita seria este       
<p align="left">Seu texto ou imagem aqui</p> Seu texto ou imagem aqui

 

Para centralizar: <p align="center"></p>

Seu código deverá ficar assim O Resultado do texto centralizado seria este                      
 <p align="center">Seu texto ou imagem aqui</p> Seu texto ou imagem aqui

 

Para alinhar a esquerda: <p align="right"></p>

Seu código deverá ficar assim O Resultado do texto alinhado a esquerda seria este     
<p align="right">Seu texto ou imagem aqui</p> Seu texto ou imagem aqui

3 - Deixar texto ou uma palavra com letras menores

O código HTML para deixar um texto ou uma palavra pequena é <small></small>. Você deverá colocar sua palavra entre esta teg.

Seu código deverá ficar assim O Resultado será um texto menor
<small>Testo aqui</small> Testo aqui

Obs. Quanto mais <small> você colocar, menor seu texto vai ficar. Mas se você abrir 5 <small> você terá que fechar com 5 </small>. Por exemplo:
<small><small><small><small><small>Seu Texto Aqui</small></small></small></small></small>

4  - Deixar texto ou uma palavra com letras maiores

É a mesma coisa de deixar menor. Mas desta vez ao em vês de usar <small> você usará <big></big>.

Seu código deverá ficar assim O Resultado será um texto maior
<big>Seu Texto Aqui</big> Seu Texto Aqui

5 - Colocar links

O código HTML para para colocar um link é: <a href=" "></a>

<a href="Link da pagina">Seu texto</a>

No lugar que está escrito Link da pagina coloque o endereço do site que você quer que vá quando a pessoa clicar no seu texto. No lugar que está escrito Seu texto coloque o seu texto.

Seu código deverá ficar assim O Resultado do seu link seria este                                                                     

<a href="https://www.marryddm.webnode.com.br">Marryddm</a>

Marryddm

Chegamos ao final deste tutorial, espero que tenham gostado! xD

Voltar

Comentem: HTML basico para orkut (Algumas tegs e ativando modo HTML)

Data 16/08/2012

De FDFDFFDfdfd

Assunto fd

Responder

fdfdfdf