quarta-feira, 8 de junho de 2011

–APRENDA HTML

 ATENÇÃO AO POSTAR O CÓDIGO TIRE OS  *  (ASTERISCOS)




TEXTO CENTRALIZADO!

<*div align="center"> SEU TEXTO AQUI <*/div>
Seu texto ficará centralizado no seu post. Use <*center> como tag rápido.



EXEMPLO!





TEXTO À DIREITA

<*div align="right"> SEU TEXTO AQUI <*/div>
Seu texto ficará à direita do seu post.


EXEMPLO!


TEXTO JUSTIFICADO


<*div align="justify"> SEU TEXTO AQUI <*/div>
Seu texto ficará justificado no seu post.

EXEMPLO:

Finais de histórias de livros e contos de fada, se tornando reais. Lá dentro bem no fundo nós queremos acreditar que elas ainda acontecem e um segredo é ensinado, é nossa parte favorita da história. Vamos admitir que todos nós queremos fazer também.



NEGRITO, SUBLINHADO, ITÁLICO E TACHADO


<*b> SEU TEXTO EM NEGRITO <*/b>
<*u> SEU TEXTO SUBLINHADO <*/u>
<*i> SEU TEXTO EM ITÁLICO <*/i>
<*s> SEU TEXTO TACHADO <*/s>
Seu texto ficará negrito, sublinhado, itálico ou tachado de acordo com as tags b, u, i, s.

SEU TEXTO EM NEGRITO
SEU TEXTO SUBLINHADO
SEU TEXTO EM ITÁLICO
SEU TEXTO TACHADO


TEXTO EM EXPOENTE E ÍNDICE!

<*sup> SEU TEXTO AQUI (EXPOENTE) <*/sup>
<*sub> SEU TEXTO AQUI (ÍNDICE) <*/sub>
Seu texto ficará em estilo expoente se usar as tags <*sup> ou ficará em estilo índice se usar as tags <*sub>.


EXEMPLO (EXPOENTE) 
EXEMPLO (ÍNDICE) 
 
TEXTO QUE PISCA!

<*div style=text-decoration:blink> SEU TEXTO AQUI <*/div>
Seu texto ficará piscando. (O codigo não funciona no navegador Google Chrome).


RESULTADO!


 


PULAR LINHAS!

<*br> ou <*p>
Às vezes, quando postamos um código HTML, a gente tenta dar vários enter para poder "pular" de linha. Não importa o tanto que fazemos, o proprio codigo HTML impede isso. Então, quanto mais linhas quiser pular, só colocar essa tag quanta vezes quiser. É simples.



FONTE!

<*font face=NOME_DA_FONTE> SEU TEXTO AQUI <*/font>
Com este codigo você pode mudar a fonte do texto.

EXEMPLO!


COR!

<*font color="CÓDIGO HTML DA COR"> SEU TEXTO AQUI <*/font>
Com este codigo você muda as cores do texto, lembrando que o mesmo só aceita codigos de cores em hexadecimal, você pode consultar o codigo de cada cor aqui

EXEMPLO! 


TAMANHO!

<*font size="TAMANHO"> SEU TEXTO AQUI <*/font>
Com este codigo você muda o tamanho do texto. Os tamanhos variam de 1 á 7.

EXEMPLO! 


DIMINUINDO TEXTO!

<*small> SEU TEXTO AQUI <*/small>
Usando essa tag fácil e rápida, seu texto ficará menor. Use quantas vezes quiser até diminuir ao tamanho desejado - lembrando sempre de fechar todas as tags.

EXEMPLO!

AUMENTANDO TEXTO!

<*big> SEU TEXTO AQUI <*/big>
Usando essa tag fácil e rápida, seu texto ficará maior. Use quantas vezes quiser até aumentar ao tamanho desejado - lembrando sempre de fechar todas as tags.

EXEMPLO!

BLOCKQUOTE!

<*blockquote> SEU TEXTO AQUI <*/blockquote>
Blockquote é uma tag onde se cria margem em ambos os lados do seu texto. funciona quase como a ferramenta "Récuo" de programas como Microsoft Office Word.


EXEMPLO!


BARRA DE SEPARAÇÃO HORIZONTAL!

<*hr size="5" width="90%" align="center" color="#A020F0">
Você pode mudar a cor (color), o alinhamento (align), o tamanho (size) e a largura (width). Na parte da cor, consulte o tópico de cores html; No alinhamento, você pode colocar right (direita), left (esquerda) ou center(central); Na largura, podes colocar o tamanho em porcentagem (100% é tamanho máximo) ou se quiser, tire o sinal de porcentagem (%) para definir largura em pixel; Na parte tamanho, você coloca o numero de pixel que quiser de tamanho.





BORDA E FUNDO COLORIDOS!

<*table border="1" bgcolor="COR HTML"> SEU TEXTO AQUI <*/table>


EXEMPLO!


BORDA NO TEXTO!

<*table border="1"> SEU TEXTO AQUI <*/table>
Seu texto ficará com uma borda. Se quiser, pode mudar o 1 para o tamanho que quiser de borda. Pode se usar o código para imagens, se quiser.

SEU TEXTO AQUI


 
FUNDO COLORIDO!

<*table bgcolor="COR HTML"> SEU TEXTO AQUI <*/table>
Seu fundo ficará colorido. Para quem não sabe, bgcolor é a cor do fundo, como no caso #FF69B4. 

EXEMPLO!

BORDA E FUNDO DE CORES DIFERENTES!

<*table border="1" bgcolor="COR DA BORDA"> <*td bgcolor="COR DO FUNDO"> SEU TEXTO AQUI <*/td> <*/table>
Seu texto ficará com a borda de uma cor e o fundo de outra cor, de acordo como preferir. A parte table border="1" é a parte onde é a formatação da borda (se quiser, troque o número 1 pela expessura em pixels que quer na borda) e na parte bgcolor="#A020F0" é a cor da borda (troque a cor #A020F0 pela que preferir). Na parte td color="#00FFFF" é a parte da cor do fundo da caixa (troque #00FFFF pela cor que preferir). Tabela de cores neste tópico.


EXEMPLO!


 ESTILO 'MAQUINA DE ESCREVER'!

<*tt> SEU TEXTO AQUI <*/tt>
seu texto ficará como se você tivesse escrevendo numa máquina de escrever. :} 

EXEMPLO!


PALAVRA MÁGICA!


<*span title="ESPEROU, HAHA"> PASSE O MOUSE E ESPERE <*/span>
Ao deixar o mouse parado no texto, revelará uma mensagem. Podes mudar a mensagem (title) e o texto onde as pessoas passarão o mouse. 

Resultado: PASSE O MOUSE E ESPERE 



Nenhum comentário:

Postar um comentário