Forums » HTML & HTML 5

Formatação de Caracteres

    • 11496 posts
    12 de junho de 2013 18:10:21 ART

    Tamanhos de caracteres

    Alguns navegadores aceitam a modificação do tamanho do texto através do atributo SIZE do tag
    Código:
    <FONT>.

    Código:
    <FONT SIZE=7>Texto</FONT>

    O tag <FONT> pode ser atribuído a qualquer parte do texto, com exceção dos títulos (<b>, <b> etc.). Os valores do atributo SIZE variam de 1 a 7, O tamanho normal do texto nos navegadores é equivalente a
    Código:
    SIZE=3
    . Não existe nenhuma relação entre os valores no atributo SIZE e o número de pontos (a unidade utilizada para medir os caracteres). Portanto o melhor é experimentar todos os tamanhos e avaliar o resultado.
    Código:
    <FONT SIZE=7>Texto com FONT SIZE=7</FONT><P>
    <FONT SIZE=6>Texto com FONT SIZE=6</FONT><P>
    <FONT SIZE=5>Texto com FONT SIZE=5</FONT><P>
    <FONT SIZE=4>Texto com FONT SIZE=4</FONT><P>
    <FONT SIZE=3>Texto com FONT SIZE=3</FONT><P>
    <FONT SIZE=2>Texto com FONT SIZE=2</FONT><P>
    <FONT SIZE=1>Texto com FONT SIZE=1</FONT>


    Mudando o tamanho dos caracteres

    O tag <FONT> também pode ser utilizado com um atributo diferente para cada letra. A aplicação mais óbvia é a colocação de uma capitular, aquela letra em tamanho maior no início de um parágrafo.
    Código:
    <FONT SIZE=7>T</FONT><FONT SIZE=4>exto</FONT>


    Também é possível modificar o tamanho de todo o texto de uma vez só colocando o tag <BASEFONT> no topo do texto.
    Código:
    <BASEFONT SIZE=5>


    Cores diferentes

    Alguns navegadores também aceitam modificar a cor padrão do texto e do fundo da janela do documento. Essa definição é feita em atributos do tag <BODY>. Os atributos são BGCOLOR e TEXT.
    Código:
    <BODY BGCOLOR=FFFFFF TEXT=000000>


    ou
    Código:
    <BODY BGCOLOR=WHITE TEXT=BLACK>


    O exemplo acima produz uma página com fundo branco e texto na cor preta. Os valores dos atributos são definidos em uma tabela de cores no padrão RGB ou pelo nome da cor.
    Pode-se definir ainda a cor de determinados trechos de texto, com o atributo color no tag <FONT>.
    Código:
    <FONT COLOR=FFFFFF>Texto na cor branca</FONT>

    ou
    Código:
    <FONT COLOR=WHITE>Texto na cor branca</FONT>


    Dessa forma, é possível ter texto de várias cores na mesma página.
    Código:
    <FONT COLOR=WHITE>Texto em branco</FONT>, <FONT COLOR=BLUE>azul</FONT>, <FONT COLOR=GREEN>verde</FONT> e <FONT COLOR=RED>vermelho</FONT>


    Mudando o tipo de caractere

    O Internet Explorer, navegador da Microsoft lançado no segundo semestre de 1995, trouxe a novidade de permitir a mudança do tipo de caractere do texto. O autor de uma página Web pode definir qual será o tipo de determinada parte do texto, mas o usuário precisa ter aquela fonte instalada no computador. Sugere-se a escolha de tipos comuns, como o Arial, que vem junto com o Windows.
    Código:
    <FONT FACE=ARIAL><b>Título principal</b>


    Este é o texto do primeiro exemplo. Para dividir os parágrafos, usa-se o tag
    Código:
    <P>.<P>


    Este é o segundo parágrafo. Para colocar um novo título depois de um parágrafo não é necessário (tampouco funciona) colocar o tag
    Código:
    <P>.<p>

    Código:
    <b>Título secundário</b>
    Para abrir uma linha, usa-se o tag <br>,<br>
    certo?</FONT>
    <b>Uma lista</b>
    <UL>
    <LI>Item 1
    <LI>Item 2
    <LI>Item 3

    </UL>


    Este post foi editado por Oliveira Dario em 15 de julho de 2013 01:49:05 ART"