logo

Como alterar a cor do texto em HTML

Em HTML, podemos alterar a cor de qualquer texto das seguintes maneiras:

  1. Usando tags HTML
  2. Usando um atributo de estilo Inline
  3. Usando CSS interno

1. Usando tag HTML

Nota: HTML 5 não suporta o atributo color da fonte, então temos que usar o atributo inline style e opções CSS internas para alterar a cor de um texto.

Se quisermos alterar a cor de um texto usando a tag HTML que será exibida em uma página web, temos que seguir os passos abaixo. Usando estas etapas, podemos alterar facilmente a cor de qualquer texto:

Passo 1: Primeiramente, temos que digitar o código HTML em qualquer editor de texto ou abrir o arquivo HTML existente no editor de texto no qual queremos usar o Etiqueta HTML .

java longo para int
 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 

Passo 2: Agora, mova o cursor até o início do texto cuja cor queremos alterar. E então, digite o HTML vazio tag nessa posição.

 Single Line text and statements 

Etapa 3: Depois, temos que fechar a tag da fonte no final do texto cuja cor queremos alterar.

 Single Line text and statements 

Passo 4: Agora temos que adicionar o atributo da tag da fonte cujo nome é ' cor '. Então, digite o cor atributo dentro do início marcação. E então temos que dar a cor que queremos usar no texto. Então, digite o nome da cor no atributo de cor conforme descrito no bloco a seguir.

 Change the text color Using HTML tag JavaTpoint <br> Html Tutorial <br> How to Change the Text Color in Html 
Teste agora

Etapa 5: E, por fim, temos que salvar o código HTML no editor de texto e executar o código. Após a execução, veremos a saída no navegador. A captura de tela a seguir mostra a saída do código HTML acima:

Como alterar a cor do texto em HTML

2. Usando um atributo de estilo embutido

Se quisermos alterar a cor de um texto usando um atributo de estilo inline que será exibido em uma página da web, temos que seguir os passos abaixo. Usando essas etapas, podemos alterar facilmente a cor do texto.

Passo 1: Primeiramente, temos que digitar o código HTML em qualquer editor de texto ou abrir o arquivo HTML existente no editor de texto no qual queremos usar o atributo style para alterar a cor de um texto.

como abrir um arquivo json
 Change color using style attribute This page helps you to understand how to change the color of a text. And, this section helps you to understand how to change the text color using the style attribute. 

Passo 2: Agora, mova o cursor até o início do texto cuja cor queremos alterar. E então, digite o inline estilo atributo dentro de qualquer elemento. Aqui, usamos o

(parágrafo) tag:

Qualquer texto

Etapa 3: Nesta etapa, temos que dar um nome de cor como valor. Podemos dar o nome da cor de três formas:

  1. Podemos digitar o nome de uma cor
  2. Também podemos inserir o valor RGB de uma cor
  3. Também podemos inserir o valor hexadecimal de uma cor.

Passo 4: Depois, temos que fechar o elemento no final do texto cuja cor queremos alterar.

Qualquer texto

Passo 4: E, por fim, salve o código HTML que altera a cor do texto usando o atributo de estilo CSS.

 Change color using style attribute <p> This page helps you to understand how to change the color of a text. </p> <p> And, this section helps you to understand how to change text color using style attribute. </p> 
Teste agora

A saída do código acima é mostrada na imagem a seguir:

Como alterar a cor do texto em HTML

2. Usando CSS interno

Se quisermos alterar a cor de um texto usando uma folha de estilo em cascata interna que será exibida em uma página web, temos que seguir os passos abaixo. Usando essas etapas, podemos alterar facilmente a cor do texto.

Passo 1: Primeiramente, temos que digitar o código HTML em qualquer editor de texto ou abrir o arquivo HTML existente no editor de texto no qual queremos usar o CSS interno para alterar a cor de um texto.

 Change color using Internal CSS This page helps you to understand how to change the color of a text. In this Section, we used the internal CSS for changing the text color. 

Passo 2: Agora, temos que colocar o cursor na tag head do documento HTML e então definir os estilos dentro do tag conforme mostrado no bloco a seguir. E, em seguida, digite o cor atributo no seletor de elemento.

 Body { color:orange; } p { color:green; } 

Etapa 3: Agora temos que digitar o seletor de elemento definido antes do texto cuja cor queremos alterar.

método java compareto
 Change color using Internal CSS Body { color:orange; } p { color:green; } This page helps you to understand how to change the color of a text. <p> In this Section, we used the internal CSS for changing the text color. </p> 
Teste agora

A saída do código HTML acima é mostrada na captura de tela a seguir:

Como alterar a cor do texto em HTML