Como usar tags de cores de fonte em HTML

Contente

• estágios
• Método 1 de 3: Use tags HTML
• Método 2 de 3: Usar CSS em tags

A tag da fonte HTML agora está obsoleta e os desenvolvedores profissionais devem evitar usá-la. Embora seja muito simples alterar a cor da fonte em um projeto pessoal, não há garantia de que continuará funcionando conforme a atualização dos navegadores da web. Para melhores resultados, você deve usar o método com CSS.

estágios

Método 1 de 3: Use tags HTML

1. 
   

   
   Crie a tag da fonte. Coloque a etiqueta na frente do e que você deseja colorir. Feche colocando no final de e.
   • Por exemplo:
     Eu quero que isso seja azul

2. 
   

   
   Adicione o atributo para a cor. adicionar color = "" dentro da tag de abertura. Você deve colocar a cor de sua escolha entre aspas (em inglês).
   • Por exemplo:
     Eu quero que isso seja azul

3. 
   

   
   Escolha o nome da cor. É sempre uma palavra simples em inglês, sem espaço. Tente nomes simples como "azul", "vermelho" ou algo mais específico como "azul claro" (azul escuro) ou "azul escuro" (azul escuro). Para obter mais opções, encontre uma lista de nomes de cores aceitos, como marrom, azul aço e limão.
   • Por exemplo:
     Eu quero que isso seja azul

4. 
   

   
   
   
   Use um código hexadecimal. O HTML permite que você escolha entre milhões de cores, mas nem sempre há nomes para elas. Em vez disso, você usará um código de seis dígitos em um sistema chamado hexadecimal. Existem muitos sites que oferecem listas de códigos hexadecimais para cores, ou você pode até escolher a cor diretamente na tela para obter o código. O número começa com o símbolo # seguido por seis dígitos que consistem em dígitos de 0 a 9 e letras d a F.
   • O código # FF0000 é o mesmo que a cor vermelha marcada com "vermelho".
   • Este código gera uma cor verde.
   • Este código torna o e em azul.

5. 
   

   
   
   
   Jogue com valores RGB. Você não precisa saber como o código de cores hexadecimal funciona para escolher uma cor que você gosta em uma paleta encontrada na Internet. No entanto, se você quiser fazer várias experiências, comece com o básico.
   • Cada número de seis dígitos é dividido em valores para vermelho, verde e azul (ou "RGB" para "vermelho, verde, azul"). Por exemplo, o código # FF0000 realmente significa "vermelho: FF, verde: 00, azul: 00".
   • Para alterar a quantidade de vermelho, altere os dois primeiros dígitos. Você pode usar um valor entre 00 (nenhum vermelho) e 99 (um pouco de vermelho) e entre AA (um pouco mais de vermelho) e FF (o máximo de vermelho).
   • Use o mesmo sistema para alterar o valor de verde (os dois dígitos do meio) e azul (os últimos dois dígitos).

6. 
   

   
   Entenda o código em profundidade. Para obter uma seleção de cores mais precisa, você precisa entender dois outros conceitos.
   • Cada um desses três valores é constituído por um número de dois dígitos. Para fazer pequenas edições, você pode alterar o segundo dígito. Por exemplo: #850000 e #890000 são muito parecidos, mas # A50000 é muito mais claro.
   • Os valores RGB são misturados com base no sistema de síntese de cores aditivo. Marca vermelha e verde amarelo, azul e verde faça ciano e vermelho e azul fazem magenta .

Método 2 de 3: Usar CSS em tags

1. 
   

   
   Insira o atributo "style" na tag. Este atributo permite que você coloque CSS diretamente na tag HTML. É uma maneira simples de alterar a cor, mesmo se você não conhece CSS. Tente colocá-lo em uma das seguintes tags:

   • a tag p envolve um parágrafo com e

   • a tag cercou um link
   • use a tag span para alterar a cor de uma parte do e sem alterar o formato

2. 
   

   
   Indique a cor. Inserir Cor: seguido pelo nome da cor ou código hexadecimal entre aspas. Para mais informações sobre nomes de cores, consulte os exemplos no método anterior.
   • O e agora está em vermelho.
   • Aqui está o código para o verde oliva escuro.
   • O CSS suporta códigos de cores abreviados de três dígitos. O código 745 é a abreviação de 774455.

3. 
   

   
   Use as classes CSS. Se você deseja aplicar o mesmo estilo a todas as fotos ou títulos de capítulos, não precisa repetir o mesmo código todas as vezes. Em vez disso, você pode definir uma classe no cabeçalho do documento para poder consultá-la posteriormente sempre que desejar aplicar o mesmo estilo. Aqui está um exemplo para mostrar vários usos do atributo "style".
   • Na seção da sua página HTML, copie o seguinte código:
     
   • No corpo do mesmo documento, use o atributo para adicionar esse estilo ao item. Por exemplo:

     este parágrafo

     aparecerá em verde escuro com uma fonte Cursive larga.
   • Saiba que você não precisa chamar sua classe de "chique", você pode dar o nome que deseja.