Contente

• Passos
• Adendo
• Atenção

Este artigo mostrará como alterar a cor da fonte em documentos HTML. Embora as tags de fonte estejam desatualizadas em HTML, você pode usar CSS para adicionar cor ao texto de uma página HTML. Se você estiver usando uma versão anterior do HTML, poderá usar a tag de fonte HTML conforme necessário.

Passos

Método 1 de 2: use tags HTML

1. 

   Crie tags de fonte. Conjunto de cartas na frente do texto que você deseja mudar de cor. Coloque o cartão de fechamento por trás do texto.
   • Tal como:
     Este texto ficará azul.

2. 

   
   
   Adicione atributos de cor. Inserir color = "" na guia de fonte aberta. A cor desejada estará entre aspas.
   • Por exemplo:
     color = ""Este texto ficará azul.

3. 

   
   
   Escolha um nome de cor. O nome da cor é sempre uma palavra sem espaços. Experimente algo simples como "azul" (azul), "vermelho" (vermelho) ou um nome descritivo como "azul claro" ou "azul escuro" (azul escuro). Para obter mais opções, procure a lista de palavras-chave de cores reconhecidas, que inclui "marrom" (marrom escuro), "azul-aço" (verde cinza) e "limão" (amarelo claro).
   • Tal como:
     Este texto ficará azul.

4. 

   
   
   Use códigos de cores hexadecimais. HTML permite que você escolha entre milhões de cores, mas nem todas as cores têm um nome. Em vez disso, eles usam um código de seis caracteres escrito em hexadecimal. Na web, existem muitos sites que listam códigos de cores hexadecimais ou permitem que você escolha uma cor na tela e exiba o valor hexadecimal. Este código começa com um sinal # e tem seis caracteres, incluindo os números 0-9 ou uma letra A-F.
   • O código # FF0000 representa a cor vermelha.
   • Este código produz texto verde.
   • Este código produz texto em azul.

5. 

   Experimente os valores RGB. Você não precisa saber como funciona a codificação de cores hexadecimais para poder usar um seletor de cores online. No entanto, se você deseja a experiência, pode começar com o básico:
   • Cada código de seis caracteres é dividido nos valores vermelho, verde (verde) e azul ("RGB"). Por exemplo, o código # FF0000 significa "vermelho: FF verde: 00 azul: 00."
   • Para alterar a quantidade de vermelho, altere os primeiros dois caracteres. Você pode usar qualquer valor de 00 (sem vermelho) a 99 (ligeiramente vermelho) ou as letras AA (avermelhado) até FF (quantidade máxima de vermelho).
   • Use o mesmo sistema para alterar o valor para verde (os dois dígitos do meio) ou azul (os dois últimos dígitos).

6. 

   Obtenha uma compreensão mais profunda dos códigos de cores hexadecimais. Para escolher a cor correta, você precisa conhecer os dois conceitos a seguir:
   • Cada três valores de cor têm dois dígitos. Se você quiser fazer menos ajustes, basta alterar o segundo dígito. Por exemplo, # 850000 e # 890000 são bastante semelhantes e # A50000 será um pouco mais claro.
   • Os valores RGB combinados são iguais ao sistema de cores plus. Vermelho e verde produzirão amarelo; azul e verde formam ciano; Vermelho e azul produzirão uma cor bordô.
   propaganda

Método 2 de 2: use um elemento CSS inline

1. 

   Insira o atributo de estilo na tag HTML. Propriedades estilo = "" permite que você use CSS em documentos HML. Esta é uma maneira fácil de definir a cor da fonte, mesmo que você não conheça CSS. Tente definir o atributo de estilo para uma das tags HTML:

   • A tag p é usada para identificar um trecho de texto.

   • A tag a é usada para criar um link.
   • Use tags de extensão para colorir parte de um parágrafo sem alterar a formatação.

2. 

   Especifique as cores. Inserir cor: com o nome da cor ou código hexadecimal entre aspas. Para obter mais detalhes sobre os nomes e códigos de cores, consulte o método acima ou tente os seguintes exemplos:
   • Este código constitui um texto vermelho.
   • Este código produz uma cor verde oliva escura.
   • CSS suporta encurtamento de 3 dígitos. O código de cores 745 significa 774455.

3. 

   Use classes CSS com fontes que você usa com frequência. Se você quiser estilizar cada legenda ou título de imagem para uma parte do conteúdo em uma grande página da web, não precisa digitar o código inteiro repetidamente. Em vez disso, defina uma classe CSS no início do texto, para que você possa chamar a classe com apenas uma abreviação sempre que quiser usar esse estilo. Aqui está um exemplo que mostra alguns novos usos do atributo style:
   • Na seção do documento HTML, cole o seguinte código:
     
   • A seguir, no corpo do texto, use o atributo para adicionar este estilo como um elemento. Tal como,

     este parágrafo

     fonte Cursive grande, verde escuro.
   • Observe que você pode usar qualquer palavra em vez de "fantasia" para descrever um tipo de letra.
   propaganda

Adendo

• Você deve tentar tornar sua página fácil de ler. As cores claras do texto serão difíceis de ler no branco e as cores escuras do texto serão difíceis de ler no preto.
• Os computadores mais antigos exibem um limite de 65.000 cores, enquanto os computadores mais antigos exibem um limite de 256 cores. No entanto, mais de 99% dos usuários da Internet serão capazes de ver a cor que você especificar.

Atenção

• O elemento de fonte não é compatível com o padrão XHTML 1.0 Strict DTD.