Efeitos HTML em Texto

CÓDIGOS HTML PARA EFEITOS EM TEXTO

Quando você está criando uma postagem você tem algumas opções para texto disponíveis na barra acima da postagem. No entanto, às vezes você quer outras opções que não são dadas. O remédio para isto é edição de HTML. Seguem as dicas para alguns efeitos.

Para deixar o texto sublinhado digite o texto que você quiser que leve este efeito entre as tags <U> e </U>.
Para deixar o texto em negrito digite-o entre as tags <STRONG> e </STRONG>.
Para deixar o texto riscado digite-o entre <S> e </S>.
Para deixar o texto enfatizado digite-o entre <em> e </em>.
Para deixar o texto em itálico digite-o entre <I> e </I>.
Para deixar o texto _subscrito digite-o entre <SUB> e </SUB>.
Para deixar o texto ^superscrito digite-o entre <SUP> e </SUP>.
Para deixar o texto pequeno digite-o entre <SMALL> e </SMALL>.
Para deixar o texto grande digite-o entre <BIG> e </BIG>.
Para modificar a fonte use o código <font face="NOME">TEXTO</font>. Onde está escrito NOME deixe Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS ou Verdana. Lembre-se de que outras fontes podem não ficar disponíveis para alguns leitores, se eles não as tiverem em seus computadores.
Para modificar o tamanho da fonte use o código <font size="NÚMERO">TEXTO</font&gy;. Substitua NÚMERO por um número de 1 a 7 (se puser um número maior deixe o sinal "%" no meio, assim: 130%).
Para dar ao texto uma cor de fundo digite-o entre <span style="background-color:#COR"> e </span> e substitua COR pelo nome da cor em inglês ou pelo código respectivo.
Para modificar a cor do texto digite-o entre <span style="color:#cor"> e </span> modificando COR pelo código ou nome da cor (em inglês).
Para texto pré-formatado (por exemplo, poesia) use <PRE>POESIA</PRE> substituindo POESIA pelo texto ou poesia. Isto é para não perder a formatação - por exemplo: quando você copia um texto do Word e o cola numa postagem do blog, ele perde toda a formatação (quebras de linha, etc). Porém, se você o colar dentro do <PRE>
Para mostrar o significado de uma palavra quando se passa o mouse por cima, (passe o mouse AQUIdigite o texto entre <abbr title="EXPLICAÇÃO"> e <abbr> modificando EXPLICAÇÃO pelo texto que aparecerá quando passarem o mouse. Este efeito funciona no Explorer 7 e Firefox 2.
Para conseguir um espaço antes do texto em cada parágrafo, coloque o texto de cada parágrafo entre <p style="text-indent: 20px;">TEXTOPARÁGRAFO</p> (substitua TEXTOPARÁGRAFO pelo texto de cada parágrafo. Também modifique 20px pelo tamanho em píxels do avanço de parágrafo).
Para deixar um texto dentro de uma caixa use este código: <DIV style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: black 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 15px auto 0px; BORDER-LEFT: black 1px solid; WIDTH: 300px; PADDING-TOP: 10px; BORDER-BOTTOM: black 1px solid">TEXTODENTRODACAIXA</div>. O resultado ficará assim:
<DIV style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: black 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 15px auto 0px; BORDER-LEFT: black 1px solid; WIDTH: 300px; PADDING-TOP: 10px; BORDER-BOTTOM: black 1px solid"></DIV>
.
Outra caixa bastante usada para códigos HTML é formada pelo texto colocado dentre das tags <TEXTAREA> e </TEXTAREA>. Ela fica assim: Outra caixa bastante usada para....

E por enquanto é isto. Mais para a frente poremos outros efeitos de texto interessantes.

Teve alguma dificuldade ao seguir a dica acima? Deixe um comentário nesta postagem. Você será respondido o mais breve possível.