Codigos HTML


TEXTO CENTRALIZADO


<center>DIGITE SEU TEXTO AQUI</center>

  Seu texto ficará centralizado no seu post. Use <center> como tag rápido.
       ____________________________________________________________________
 ㅤ
 
 
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.

EXEMPLO:

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

       ____________________________________________________________________
 
 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)
      ____________________________________________________________________
 
 
FONTE

<font face=NOME_DA_FONTE> SEU TEXTO AQUI </font>

Com este codigo você pode mudar a fonte do texto.

     ____________________________________________________________________
Letras sobrepostas 
 <span style="color:#FF5FB1; font-size:48px; font-weight:bold; line-height: 14px; letter-spacing: -5pt;"> Texto 1 aqui</span><br />
<span style="color:#FFAFDA; font-size:36px; font-weight:bold; line-height: 14px; letter-spacing: 0pt; text-transform: lowercase;"> Texto 2 aqui </span>

Texto 1 - Vc escreve o que quizer.

Texto 2 - Vc escreve o que quizer.

Onde esta #FF5FB1 e #FFAFDA é a cor que vc pode substuir 
 
Tabelas de cores
____________________________________________________________________

Texto grande
 
Código: <big>Seu texto aqui</big>

EXEMPLO

Em níveis:
<H1> Este é o primeiro nível </H1>
<H2> Este é o segundo nível </H2>
<H3> Este é o terceiro nível </H3>
<H4> Este é o quarto nível </H4>
<H5> Este é o quinto nível </H5>
<H6> Este é o sexto nível </H6>

____________________________________________________________________
 
BORDA E FUNDO COM CORES

<table border="1" bgcolor="#A020F0"> <td bgcolor="#00FFFF"> SEU TEXTO AQUI </td> </tabl>


____________________________________________________________________
 
BARRA DE ROLAGEM HORIZONTAL

<pre><div style="border: 1px solid rgb(205, 211, 218); padding: 5px; overflow: auto; background-color: rgb(247, 248, 249);"> ESCREVA SEU TEXTO AQUI </div></pre>
 

____________________________________________________________________

 LINK NA IMAGEM

<a href="LINK DO SITE"><img src="LINK DA IMAGEM"/> </a>
 
 
____________________________________________________________________


PALAVRA LINK

[link=''LINK AQUI''] ''PAVALVRA AQUI'' [/link]



____________________________________________________________________
 
 
 Texto Transparente

<font color=#F0F6FF> SEU TEXTO AQUI </font>
 
____________________________________________________________________
 
 
SOMBRA
 
 
<p style="text-shadow: 0px 0px 5px blue;">Escreva Aqui

- MODO 1


<p style="text-shadow: 5px 5px 7px blue;">Escreva Aqui

- MODO 2 
 
____________________________________________________________________

SOMBRA

<div style="color: COR DO TEXTO; text-shadow: COR DA SOMBRA 1px 2px 5px;"> SEU TEXTO AQUI </div>

Os números 1px = A distância horizontal (X) entre o texto e a sombra, 2px - A distância vertical (Y) entre o texto e a sombra e 0px - Efeito blur (borrado). Você pode mudar a cor do texto onde está marcado, e a cor da sombra.


____________________________________________________________________
 
 
 
 
http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm