Exatamente como um processador de textos, o HTML pode instruir um browser para apresentar certas por��es do texto em estilos como: it�lico, negrito (bold), espa�o simples (typewriter ou teletype), piscantes, al�m de caracteres de diferentes tamanhos e cores, e a combina��o de alguns ou de todos estes atributos.
| Identificar os r�tulos HTML para os diferentes estilos de texto. | |
| Criar textos em um documento HTML com estes diferentes estilos de texto e ver os resultados em um browser WWW. |
A linguagem HTML oferece v�rios r�tulos para atributos de estilo ao texto. Os estilos podem ser f�sicos ou l�gicos. � importante ser consistente e sensato no uso destes estilos; muitas varia��es podem tornar o texto desconfort�vel para leitura...
Aqui est�o os r�tulos b�sicos para estilizar textos:
E aqui os r�tulos que n�o s�o usados com tanta freq��ncia:
Obs.: As cores do texto de uma p�gina inteira podem ser mudadas com os seguintes comandos:
<body text="#rrggbb" link="#rrggbb"
vlink="#rrggbb" alink="#rrggbb"> . . . </body>
Sendo que text define a cor do texto (normalmente preta), link
define a cor de um link de hipertexto (normalmente azul), vlink
a cor de links que j� foram visitados (normalmente violeta)
e alink (Active Link) a cor dos links enquanto eles est�o pressionados (normalmente vermelha).
Esta defini��o � apresentada logo no in�cio do documento, depois do r�tulo </head>,
pois � uma defini��o de todo o corpo (<body>) da p�gina, que s� �
fechada no fim do documento, antes do r�tulo </html>.
Veremos depois na li��o 7b, que trata de imagens de fundo
(backgrounds), como mudar todo o fundo da p�gina para a cor que nos interesse, diferente
do padr�o cinza.
Aqui est� um exemplo de como combinar r�tulos de estilo:
(Note que os r�tulos combinados devem ser corretamente aninhados, veja que os r�tulos de in�cio e fim de It�lico est�o ambos internos aos r�tulos que definem Negrito.)
Al�m disso, tamb�m � poss�vel acrescentar estilo ao texto que aparece nos cabe�alhos:
Note que os diferentes estilos s�o iniciados e fechados entre as palavras que eles afetam e como os r�tulos de cabe�alho envolvem todo o header.
Obs.: Um comando que � �til tanto para textos como para imagens � o <center>,
acompanhado do respectivo fechamento </center>, usado para
centralizar o conte�do da p�gina que estiver por ele marcado.
Por exemplo: <center>...texto centralizado na p�gina...</center>,
aparecer� desta forma:
... texto centralizado na p�gina...
"jv1.html", do editor de textos
<b>Joinville</b>
Faremos aqui um tour .... Entre
os r�tulos b e i ao redor da frase, de modo que este par�grafo
ficar� assim:
<b>Joinville</b> � a maior e mais desenvolvida cidade do estado
de Santa Catarina, com 400.000 habitantes. A tradi��o
de trabalho herdada dos imigrantes constr�i a
Manchester Catarinense.
<b><i>Faremos aqui um tour cultural e virtual pela cidade.</i></b>
Localiza��o, entre
o seguinte texto:
O munic�pio de Joinville localiza-se na Regi�o
Norte do Estado de Santa Catarina, pr�ximo da divisa com
o Paran� e limitante com o oceano. Essa regi�o
� tamb�m chamada de <tt>Caminho dos Pr�ncipes.</tt>
Tente usar os demais r�tulos de estilo para dar uma "nova cara" ao texto do seu pr�prio documento. Combine e use sua criatividade. Aqui vale at� ser exagerado ...
Apresentando informa��es em listas.