15 de jun. de 2013

Códigos De Html - Básicos

Aí alguns codigos básicos pra HTML ! 

Negrito:
<b>Palavra aqui</b>

Itálico:
<i>Palavra aqui</i>

Sublinhado:
<u>Palavra aqui</u>

Riscado:
<s>Palavra aqui</s>

Aumentar tamanho:
<big>Palavra aqui</big>

Quanto mais usar maior fica.

Diminuir tamanho:
<small>Palavra aqui</small>

Quanto mais usar menor fica.
Passe o mouse e espere:
<span title=”Palavra que vai aparecer na caixinha“>Que quiser aqui</span>

Mudando a cor do texto:
<font color=Código de cor>Texto</font>

Sombreado no texto:
<div style=”color: Cor do texto ; text-shadow: Cor da sombra 1px 3px 2px;”>Texto aqui</div>

Bordas variadas:
<div style=”border-width:Espessura; width: Largura; height: Altura; border-color:Código da cor; border-style: Estilo da borda“>Escreva aqui</div>

No estilo da borda você pode colocar: solid, dashed, dotted, double, ridge e inset.
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 algo longo aqui</div></pre>
Você pode mudar a border (em 1px) e o tipo dela (em solid pra outros), as cores (Esses 3 números, coloque cores no código Java)

Barra de rolagem vertical:
<div style=”overflow:auto; color:#000000; width:300px; height:100px; text-align:center; font-family:arial; font-size:12px; line-height:100%”>Escreva algo aqui</div>

Pode alterar o que está em negrito.
Blockquote:
<blockquote>Palavra aqui</blockquote>

Outro Blockquote:
<blockquote><table cellspacing=”5”><tr valign=”top” align=”left”><td width=”Largura” bgcolor=”Código da cor“><BR></td><td width=”500” valign=”top” align=”left”><p> Escreva aqui </span></p></td></tr></table></blockquote>

Barra horizontal:
<hr size=”Espessura” width=”Largura” align=”center” color=”Código de cor“>

Linha horizontal:
<hr>

Borda e fundo coloridos:
<div style=”border:1px solid rgb(0, 0, 0);padding:0px;width:Largurapx;background-color:rgb(0, 0, 0)”>Escreva aqui</div>
Você pode mudar a espessura da borda (em 1px) e seu tipo (em solid) e as cores (em 0, 0, 0. Coloque cores do Código Java).

Pular linha:
<br>

Frase passando:
<marquee>Frase aqui</marquee>

Criar link:
<a href=Link aqui>Nome do link</a>

Colocar imagem:
<img src=Link aqui>

Imagem com link:
<a href=”Link aqui“><img src=”Link da imagem aqui” /></a>

Mudar tamanho da imagem:
<img src=”Link aqui” width=”Largura“>

Reponha as aspas pra que os códigos funcionem.
Lembrando que tem alguns que só funciona na sidebar!

0 comentários:

Postar um comentário

Related Posts Plugin for WordPress, Blogger...