Dicas básicas de HTML

Oi gente! É minha primeira postagem, e como Segunda falamos de HTML, decidi postar umas dicas básicas de HTML que eu uso bastante, então acho que será útil pra vocês também!

Quote Simples

<blockquote><table cellspacing="5"><tr valign="top" align="left"><td width="6" bgcolor="COR_HTML"><BR></td><td width="500" valign="top" align="left"><p> SEU_TEXTO_AQUI </span></p></td></tr></table></blockquote>

    O quote é onde você coloca as citações, para alterar o HTML para o seu gosto, mude o "COR_HTML" por uma cor em HTML por exemplo "#ff0000" e em "SEU_TEXTO_AQUI" coloque a citação ou qualquer outro texto.E ficará assim:

A princesa também sente, chora, sofre, sonha e ouve não. Eu prefiro a verdade a essa discutível perfeição. A princesa também briga,encrenca, berra e fala palavrão, me recuso a buscar essa discutível perfeição.

Barra de Separação Horizontal

<hr size="LARGURA_EM_PIXEL" width="TAMANHO" align="center" color="COR_HTML">

Esse é um pouco mais complicado,  em "TAMANHO"  coloque o tamanho em porcentagem, o melhor é "100%" e em "LARGURA_EM_PIXEL", no exemplo usamos "3 px" e "COR_HTML" é "#FF0000". Exemplo:

---

Palavras Sombreadas

<div style="color: COR_DO_TEXTO; text-shadow: COR_DA_SOMBRA 1px 3px 2px;"> 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.Veja como ficou:

Busy Kicking - HTML Básico

Barra de Rolagem Vertical

<div style="overflow:auto; color:#000000; width:350px; text-align:center; font-family:arial; font-size:20px; line-height:100%"> Seu texto aqui, seu texto aqui, seu texto aqui, seu texto aqui, seu texto aqui. 

Explicando:

• #000000 = Cor do teu texto.

• 350px = Largura da caixa com a barrinha de rolagem vertical.

• center = Como o texto ficará. Pode colocar "right", "center", "normal" ou "justify".

• arial = Nome da sua fonte dentro daquela caixa.

• 20px = Tamanho da sua fonte.

• 100% = Espaço entre as linhas.

 Veja como ficou:

Testando Barra, Testando Barra, Testando barra. Tutorial de HTML Básico: Busy Kicking. TESTANDO BLA BLA BLA BLA BLA BLA BLA

Por enquanto é só! Se tiverem dúvida em alguma coisa é só comentar perguntando que iremos responder! Beijos =*