Formatação de Caracteres
Autor: Blogger Utilidades | Publicado: 2012-01-09T16:23:00-02:00

O elemento Font
Um dos recursos de tratamento do texto mais interessante da linguagem HTML é a possibilidade de alterar&nbsp;o tamanho, a cor e o tipo de fonte do texto. O elemento responsável por isso é o &lt;font&gt;.
Atributos para Font
Face = Este atributo permite que seja escolhida uma fonte diferente para o texto. Podem ser&nbsp;especificadas várias fontes de maneira que, se o sistema não possuir a primeira fonte, a segunda é&nbsp;carregada e assim por diante. A fonte padrão é o Times New Roman e as fontes mais comuns que estão&nbsp;presentes na maioria dos microcomputadores são: Arial e Script.Size = Este atributo especifica o tamanho da fonte utilizada. Os valores permitidos vão de 1, o menor&nbsp;tamanho, até 7, o maior.Color = Este atributo especifica a cor do texto. O seu valor pode ser especificado em hexadecimal, RGB&nbsp;ou através de um nome predefinido de cores.
Importante: Se os atributos não forem especificados, a página assume valores padrão, que geralmente&nbsp;são:
* Face = Times New Roman* Size = 3* Color = black
Estilos de Texto
Assim como no editor de textos, você pode criar uma série de efeitos no texto, alterando a forma ou o&nbsp;tipo de fonte. Estes elementos que modificam ou criam o estilo do texto são do tipo "liga-desliga", ou&nbsp;seja, precisam ser especificados em pares, marcando o início e o fim do texto que sofrerá a formatação.


Efeito  Elemento  
Negrito&lt;b&gt; texto &lt;/b&gt;  
Itálico  &lt;i&gt; texto &lt;/i&gt;  
Texto Sublinhado  &lt;u&gt; texto &lt;/u&gt;  
Sobrescrito  &lt;sup&gt; texto &lt;/sup&gt;  
Subscrito  &lt;sub&gt; texto &lt;/sub&gt;  
Fonte Grande  &lt;big&gt; texto &lt;/big&gt;  
Fonte Pequena  &lt;small&gt; texto &lt;/small&gt;  
Texto Riscado  &lt;strike&gt; texto &lt;/strike&gt;  
Fonte Monoespaçada  &lt;tt&gt; texto &lt;/tt&gt;  

O elemento H*

Uma maneira muito usada para alterar o tamanho da letra e aplicar um efeito como negrito em um texto é o uso da tag &lt;h*&gt;, onde o asterisco é substituído por um número que vai do 1 ao 6, e que aplicam um tamanho de fonte diferenciado para o texto que envolverem. Além do tamanho diferenciado, a tag &lt;h*&gt; insere uma linha em branco antes e depois da linha que contém a tag. Elas são perfeitas para criar títulos e iniciar seções dentro de uma página. A tag &lt;h1&gt; possui o maior tamanho, enquanto a tag &lt;h6&gt; possui o menor tamanho de fonte.
Como padrão, um cabeçalho gerado pelo comando &lt;h*&gt; é sempre posicionado do lado esquerdo da linha.

Atributo para H*

Align = Ajusta o cabeçalho à direita, à esquerda, justificado ou centralizado, de acordo com os parâmetros right, left, justify e center, respectivamente.

Caracteres Especiais


Á  &amp;Aacute;  á  &amp;aacute  Â  &amp;Acirc  
â  &amp;acirc;  À  &amp;Agrave;  à  &amp;agrave;  
Å  &amp;Aring;  å  &amp;aring;  Ã  &amp;Atilde;  
ã  &amp;atilde;  Ä  &amp;Auml;  ä  &amp;auml;  
Æ  &amp;AElig;  æ  &amp;aelig;  É  &amp;Eacute;  
é  &amp;eacute;  Ê  &amp;Ecirc;  ê  &amp;ecirc;  
È  &amp;Egrave;  è  &amp;egrave;  Ë  &amp;Euml;  
ë  &amp;euml;  Ð  &amp;ETH;  Ð  &amp;eth;  
Í  &amp;Iacute;  í  &amp;iacute  Î  &amp;Icirc;  
î  &amp;icirc;  Ì  &amp;Igrave;  Ì  &amp;igrave;  
Ï  &amp;Iuml;  ï  &amp;iuml;  Ó  &amp;Oacute;  
ó  &amp;oacute;  Ô  &amp;Ocirc;  Ô  &amp;ocirc;  
Ò  &amp;Ograve;  ò  &amp;ograve;  Ø  &amp;Oslash;  
ø  &amp;oslash;  Õ  &amp;Otilde;  Õ  &amp;otilde;  
Ö  &amp;Ouml;  ö  &amp;ouml;  Ú  &amp;Uacute;  
ú  &amp;uacute;  Û  &amp;Ucirc;  Û  &amp;ucirc;  
Ù  &amp;Ugrave;  ù  &amp;ugrave;  Ü  &amp;Uuml;  
ü  &amp;uuml;  Ç  &amp;Ccedil;  Ç  &amp;ccedil;  
Ñ  &amp;Ntilde;  ñ  &amp;ntilde;  &lt;  &amp;lt;  
&gt;  &amp;gt;  &amp;  &amp;amp;  "  &amp;quot;  
®  &amp;reg;  ©  &amp;copy;  Ý  &amp;Yacute;  
ý  &amp;yacute;  Þ  &amp;THORN;  Þ  &amp;thorn;  
ß  &amp;szlig;  º  &amp;ordm;  ª  &amp;ordf;  
¹  &amp;sup1  ²  &amp;sup2;  ³  &amp;sup3;  
ƒ  &amp;#131;  †  &amp;#134;  ‡  &amp;#135;  
‰  &amp;#137;  ¢  &amp;cent;  £  &amp;pound;  
«  &amp;laquo;  ±  &amp;plusmn;  »  &amp;raquo;  
·  &amp;middot;  ¼  &amp;frac14;  ½  &amp;frac12;  
¾  &amp;frac34;  ¿  &amp;iquest;  ×  &amp;times;  
÷  &amp;divide;  ¡  &amp;iexcl;  ¤  &amp;curren;  


Exercícios:

1) caracteres1.html&lt;html&gt;&lt;head&gt;&lt;title&gt;Formatando Caracteres&lt;/title&gt;&lt;/head&gt;&lt;body bgcolor="yellow"&gt;Esta página utiliza alguns estilos de texto. Os atributos não foram especificados, portanto este texto está assumindo valores padrões.&lt;br&gt;&lt;font face="arial" size="4" color="red"&gt;&lt;b&gt;Este texto está em negrito&lt;/b&gt;&lt;br&gt;&lt;i&gt;Este texto está em itálico&lt;/i&gt;&lt;br&gt;&lt;u&gt;Este texto está sublinhado&lt;/u&gt;&lt;br&gt;&lt;tt&gt;Este texto está monoespaçado&lt;/tt&gt;&lt;br&gt;Este texto está normal, sem nenhum efeito&lt;/font&gt;&lt;/body&gt;&lt;/html&gt;
2) caracteres2.html&lt;html&gt;&lt;head&gt;&lt;title&gt;Usando o Elemento H*&lt;/title&gt;&lt;/head&gt;&lt;body bgcolor="#ccccff" text="green"&gt;&lt;font face="arial" size="4"&gt;&lt;h1 align="center"&gt;Utilização de "h1" e atributo "align" com parâmetro "center"&lt;/h1&gt;&lt;h2 align="right"&gt;Utilização de "h2" e atributo "align" com parâmetro "right"&lt;/h2&gt;&lt;h3 align="right"&gt;Utilização de "h3" e atributo "align" com parâmetro "justify"&lt;/h3&gt;&lt;h4&gt;Utilização de "h4" sem a utilização do atributo "align"&lt;/h4&gt;&lt;h4&gt;Utilização de "h4" e atributo "align" com parâmetro "left". Observe que para alinhar a página à esquerda é só deixar que a página assuma valores padrões, ou seja, sem "align"&lt;/h4&gt;&lt;/font&gt;&lt;/body&gt;&lt;/html&gt;