atributos de texto
Observe a formatação das palavras texto a seguir:
texto, texto, texto, texto, texto, texto, texto, texto.
As palavras acima demonstram claramente que podemos, como num editor de texto, formatar textos HTML, alterando o tamanho, o tipo e o estilo da fonte. É evidente que todos os comandos que alteram o estilo do texto devem ser usado aos pares, onde o primeiro "ativa"e o segundo "desativa" o efeito.
Tente decifrar os comandos usados na formatação de uma página com o texto acima:
<HTML>
<HEAD>
<TITLE>Conhecendo
atributos de fonte</TITLE>
</HEAD>
<BODY>
<P>texto,
<I><FONT
SIZE=4>texto,</FONT></I>
<FONT
SIZE=4><B>texto,</B>
<B><I>texto,</I></B></FONT>
<FONT
SIZE=5><FONT
COLOR="#0000ff">texto,</FONT></FONT>
<FONT
SIZE=5
STYLE="font-size:
20pt"><FONT
COLOR="#ff0000">texto,</FONT></FONT>
<FONT
SIZE=6
STYLE="font-size:
26pt">texto,</FONT></FONT>
<B><U><I><FONT
SIZE=7
STYLE="font-size:
40pt"><FONT
COLOR="#008000">
texto.
</FONT></FONT></I></U></B>
</P>
</BODY>
</HTML>
Bem, vamos lá:
1
- itálico: <<I>texto,</I>;
2
- negrito: <<B>texto,</B>;
3
- negrito e itálico: <B><I>texto,</I></B>;
4
- sublinhado: <U>texto,</U>;
5
- negrito, itálico e sublinhado: <B><U><I>texto</I></U></B>;
6 - os tamanhos e as cores das
fontes foram determinados pelas tags:
<FONT
SIZE=7
STYLE="font-size:
40pt"><FONT
COLOR="#008000">texto.</FONT></FONT>;
7
- Poderíamos mudar a fonte: <FONT
FACE="Courier
New, monospace">texto</FONT>.
Como vocês puderam perceber, a tag </FONT> é muito versátil, permitindo-nos dar às fontes praticamente qualquer formatação. Eis os atributos para a tag </FONT>:
FACE
: tipo de fonte (Arial, Courier, Times New Romam etc)
SIZE
: tamanho da fonte. Os valores variam de 01 à 07.
COLOR
: cor do texto
Exemplo:
<FONT face="Lucida Handwriting" SIZE=7 COLOR="#008000">mais sobre fontes</FONT>
cores
8 - Em HTML, as cores tem seus valores definidos em hexadecimal> Por exemplo, branco = FFFFFF; preto = 000000 etc.
Eu peguei um código
(javascript) na internet (todos os créditos ao autor) que nos dá
um bom auxílio nessa questão de cores. É só
Salvar o arquivo e usá-lo para saber, imediatamente, o valor
hexadecimal de determinada cor:
<HTML>
|
Salve o código acima e teste o programa. Lembre-se de mantê-lo sempre à mão, pois é um programinha que quebra um galhão!
Uma vez obtida a cor, não se esqueça de colocar o símbolo # antes de sua representação hexadecimal. Exemplo:
<BODY
text="#0000FF"
link="#00FFFF"
bgcolor="#FFFFFF"
alink="#FF6600"
vlink="#FFFF66">