Códigos de formatação HTML

• Alguns Parâmetros  HTML Básicos:

Para deixar seu texto,imagem,ou qualquer outro Conteúdo Centralizado use esse código <center> e  no final feixe com </center>


Para alinhar a direita use <div align="right"> e feixe com </div>


Para alinhar a esquerda use <div align="left"> e feixe com</div>


Barra que não pode ser copiada ideal para divisória de texto etc... <hr>


Para usar Parágrafos use <p> e feixe com </p>


Para pular uma linha use <br>

• Formatação de Texto:

Etiqueta	Descrição
<b>	Define o texto em negrito
<big>	Define o texto grande
<em>	Define texto enfatizado
<i>	Define o texto em itálico
<small>	Define texto pequeno
<strong>	Define texto forte
<sub>	Define o texto subscrito
<sup>	Define o texto sobrescrito
<ins>	Define o texto inserido
<del>	Define o texto excluído

• Imagens:

<img src="personalizeseuorkut.jpg" width="104" height="142" />


width= LARGURA,
height= AULTURA

---

• Caixa Personalizada

você poderá usar qualquer conteúdo dentro da caixa a seguir:
Observe que você poderá alterar as cores das caixas a seguir:EX: BORDA DA CAIXA  AZUL: "#1E679A"EX: COR DE DENTRO AMARELO:"#ffffcc"
ACESSE A TABELA DE CORES DA WEB ''CLIQUE AQUI'' 

TÍTULO AQUI

CONTEÚDO AQUI =D

Copie o código:

<table width="280" cellspacing="1" cellpadding="3" border="0" bgcolor="#1E679A"> <tbody><tr> <td><font color="#FFFFFF" face="arial, verdana, helvetica"> <b>TÍTULO AQUI</b> </font></td> </tr> <tr> <td bgcolor="#ffffcc"> <font face="arial, verdana, helvetica"> CONTEÚDO AQUI =D </font> </td> </tr> </tbody></table>

---

TÍTULO AQUI

CONTEÚDO 01 CONTEÚDO 02 CONTEÚDO 03 CONTEÚDO 04 =D

Copie o código:

<table width="200" cellspacing="1" cellpadding="3" border="0" bgcolor="#80A93E"> <tr> <td bgcolor="#B7F259"><font size=1 face="verdana, arial, helvetica"><b><center>TÍTULO AQUI</center></b></font></td> </tr> <tr> <td bgcolor="#F5ECB9"> <table width="95%" cellspacing="1" cellpadding="1" border="0" align="center"> <tr> <td valign=top><font face="verdana, arial, helvetica" size=1>+</font></td> <td><font face="verdana, arial, helvetica" size=1> CONTEÚDO 01 </font></td> </tr> <tr> <td valign=top><font face="verdana, arial, helvetica" size=1></font></td> <td><font face="verdana, arial, helvetica" size=1> CONTEÚDO 02 </font></td> </tr> <tr> <td valign=top><font face="verdana, arial, helvetica" size=1></font></td> <td><font face="verdana, arial, helvetica" size=1> CONTEÚDO 03 </font></td> </tr> <tr> <td valign=top><font face="verdana, arial, helvetica" size=1></font></td> <td><font face="verdana, arial, helvetica" size=1> CONTEÚDO 04 =D </font></td> </tr> </table> </td> </tr> </table>

---

• Texto Piscando (Não Funciona no Opera)

Copie o código:

<div style="text-decoration:blink">Texto Piscando (Não Funciona no Opera)</div>

---

• TEXTO E IMAGEM COM LINK

 EX:
 

Copie o código:

<a href="LINK" target="_blank"> <img title="FRASE AO PASSAR O MOUSE" img align=center src="LINK DA IMAGEM"></a>

---

• TEXTO COM LINK

Copie o código:

<a href="html">texto</a>

---

• TEXTO COM SOMBRA
  
  
  

Copie o código

<span style="text-shadow:5px 5px 7px ">

---

• TAMANHO DA FONTE
  
  

Altere o Nº 100 por qualquer um que desejar.

Copie o código

<span style=font-size:100px>

---

CAIXA LINK-ME PARA BLOG

Copie o código

<p align="center"><font class=font2><b>Copie o código</b></font></p> <p align="center"><img src="http://" vspace="5" hspace="2"><br> <textarea onFocus=this.select() onMouseOver=this.focus() rows="3" cols="10" name="textarea" style="font-family:verdana; font-size:8pt; border:1px solid #000000; background-color:#ffffff;"> Link aki