fdfdfdf
HTML basico para orkut (Algumas tegs e ativando modo HTML)
22/03/2011 11:01Olá 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
———
VoltarComentem: HTML basico para orkut (Algumas tegs e ativando modo HTML)
———
Itens: 1 - 1 de 1