3 maneiras de usar tags de cores de fontes em HTML

Índice:

3 maneiras de usar tags de cores de fontes em HTML
3 maneiras de usar tags de cores de fontes em HTML

Vídeo: 3 maneiras de usar tags de cores de fontes em HTML

Vídeo: 3 maneiras de usar tags de cores de fontes em HTML
Vídeo: COMO APAGAR FOTOS E VÍDEOS DO JEITO CERTO E LIBERAR ESPAÇO NO ARMAZENAMENTO DO CELULAR! 2024, Abril
Anonim

Este wikiHow ensina como alterar a cor da fonte em seu documento HTML. Embora a tag de fonte HTML seja obsoleta em HTML5, você pode usar CSS para adicionar cor ao texto de sua página HTML. Se você estiver trabalhando com uma versão mais antiga do HTML, poderá usar a tag de cor da fonte HTML conforme necessário.

Passos

Método 1 de 2: usando CSS

122247 1 1
122247 1 1

Etapa 1. Escolha uma cor para o seu texto

Embora você possa usar cores básicas (por exemplo, "vermelho") para colorir seu texto, você precisará usar um gerador de cores HTML para tons mais matizados:

  • Vá para https://www.w3schools.com/colors/colors_picker.asp no navegador de seu computador.
  • Selecione a cor base que deseja usar no hexágono na parte superior da página.
  • Role até a sombra que deseja usar no lado direito da página.
  • Observe o código de seis caracteres à direita da cortina.
122247 2 1
122247 2 1

Etapa 2. Abra seu documento HTML

Este deve ser o documento para o qual você deseja alterar a cor da fonte.

Se você ainda não tem um documento HTML, crie um antes de prosseguir

122247 3 1
122247 3 1

Etapa 3. Encontre o texto que deseja colorir

Percorra o documento até encontrar o parágrafo, cabeçalho ou outra forma de texto que deseja colorir.

122247 4 1
122247 4 1

Etapa 4. Observe as marcas do texto

Por exemplo, se o texto for um cabeçalho, você verá"

"na frente dele.

122247 5 1
122247 5 1

Etapa 5. Adicione as seções "cabeçalho" e "estilo" ao início do documento

Você fará isso digitando abaixo da tag "", pressionando ↵ Enter, digitando abaixo da tag "", pressionando ↵ Enter duas vezes e digitando as tags de fechamento para ambos. Seu resultado final deve ser assim:

     
122247 6 1
122247 6 1

Etapa 6. Insira a tag de estilo "cor"

Clique no espaço entre as tags "" e, em seguida, insira o código a seguir (certificando-se de substituir o vermelho pelo seu código de cor e"

"com a tag para o texto que você deseja colorir):


{ cor vermelha; }

122247 7 1
122247 7 1

Etapa 7. Revise seu documento

O cabeçalho da sua página deve ser semelhante a este:

     
122247 8 1
122247 8 1

Etapa 8. Unifique a cor do corpo do texto

Se você quiser que todo o texto do corpo do seu documento tenha a mesma cor, insira o seguinte código substituindo o preto por sua cor preferida:

corpo {cor: preto; }

Método 2 de 2: usando tags HTML

122247 9 1
122247 9 1

Etapa 1. Escolha uma cor para o seu texto

Embora você possa usar cores básicas (por exemplo, "vermelho") para colorir seu texto, você precisará usar um gerador de cores HTML para tons mais matizados:

  • Vá para https://www.w3schools.com/colors/colors_picker.asp no navegador de seu computador.
  • Selecione a cor base que deseja usar no hexágono na parte superior da página.
  • Role até a sombra que deseja usar no lado direito da página.
  • Observe o código de seis caracteres à direita da cortina.
122247 10 1
122247 10 1

Etapa 2. Abra seu documento HTML

Este deve ser o documento para o qual você deseja alterar a cor da fonte.

Se você ainda não tem um documento HTML, crie um antes de prosseguir

122247 11 1
122247 11 1

Etapa 3. Encontre o texto que deseja colorir

Percorra o documento até encontrar o parágrafo, cabeçalho ou outra forma de texto que deseja colorir.

122247 12 1
122247 12 1

Etapa 4. Adicione a tag "fonte" aberta

Clique imediatamente à esquerda do texto que deseja colorir e digite o seguinte (certifique-se de substituir o vermelho pela cor de sua preferência):

122247 13 1
122247 13 1

Etapa 5. Feche a tag "font"

Clique no espaço à direita do final do texto que você está colorindo e digite lá.

Este texto está vermelho!

Amostra de código HTML

Image
Image

Código de cor da fonte HTML

Vídeo - Ao usar este serviço, algumas informações podem ser compartilhadas com o YouTube

Pontas

  • Tente tornar sua página fácil de ler. As cores brilhantes são difíceis de ler em um fundo branco e as cores escuras são difíceis de ler em um fundo preto.
  • Os códigos de cores HTML são divididos da seguinte maneira: os dois primeiros caracteres se referem a tons de vermelho, os dois segundos se referem a verde e os dois últimos se referem a azul. Você pode usar qualquer coisa de "00" a "99" para indicar quanto de cada cor deseja; usar "FF" em vez de um número chama a quantidade máxima dessa cor (por exemplo, "0000FF" seria o mais azul possível).
  • Os monitores de computador antigos são limitados a cerca de 65.000 cores, e os monitores muito antigos são limitados a 256. No entanto, mais de 99% dos usuários da Internet serão capazes de ver qualquer cor que você especificar.

Recomendado: