|
Em HTML, podemos alterar a cor de qualquer texto das seguintes maneiras diferentes:
1) Usando tag HTML
2) Usando um atributo de estilo embutido
3) Usando CSS interno
Usando tag HTML
Observação: o HTML 5 não oferece suporte ao atributo de cor da fonte, portanto, temos que usar o atributo de estilo embutido
e as opções CSS internas para alterar a cor de um texto.
Se quisermos mudar a cor de um texto usando a tag Html que deve ser exibida em uma página da web, temos que seguir os passos
a seguir. Usando essas etapas, podemos facilmente alterar a cor de qualquer texto:
Passo 1: Em primeiro lugar, 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 a tag HTML.
Passo 2: Agora, mova o cursor no início do texto cuja cor deseja alterar. Em seguida, digite a tag <font> vazia do HTML nessa posição.
<font>Texto de linha única e declarações
Passo 3: Em seguida, temos que fechar a tag da fonte no final do texto cuja cor queremos mudar.
</font>Texto e declarações de uma única linha
Passo 4: Agora, temos que adicionar o atributo da tag da fonte cujo nome é "color". Portanto, digite o atributo color na tag <font> inicial. E então temos que dar a cor que queremos usar no texto.
Portanto, digite o nome da cor no atributo de cor conforme descrito no bloco a seguir.
Passo 5: E, por último, 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:
Usando um Atributo Style Inline
Se quisermos alterar a cor de um texto usando um atributo de estilo embutido que deve ser exibido em uma página da web, temos que seguir os passos que são dados a seguir. Usando essas etapas, podemos facilmente alterar a cor do texto.
Passo 1: Em primeiro lugar, 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 de estilo para alterar a cor de um texto.
Passo 2: Agora, mova o cursor no início do texto cuja cor deseja alterar. Em seguida, digite o atributo de estilo embutido em qualquer elemento.
Aqui, usamos a tag <p> (parágrafo):
<p style = "color:;">Qualquer Texto
Passo 3: Nesta etapa, temos que dar um nome de cor como valor. Podemos dar o nome da cor de três formas:
Podemos digitar o nome de uma cor
Também podemos inserir o valor RGB de uma cor
Também podemos inserir o valor hexadecimal de uma cor.
Passo 4: Em seguida, temos que fechar o elemento ao final do texto cuja cor queremos alterar.
<p style = "color: red;">Qualquer texto</p>
Passo 5: E, por fim, salve o código HTML que altera a cor do texto usando o atributo de estilo CSS.
A saída do código acima é mostrada na imagem a seguir:
Usando CSS Interno
Se quisermos mudar a cor de um texto usando uma folha de estilo em cascata interna que deve ser exibida em uma página da Web,
temos que seguir os passos a seguir. Usando essas eta-pas, podemos facilmente alterar a cor do texto.
Passo 1: Em primeiro lugar, 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.
Passo 2: Agora, temos que colocar o cursor na tag "head" do documento Html e então definir os estilos dentro da tag <style> como mostrado no bloco a seguir.
E, a seguir, digite o atributo de cor no seletor de elemento.
Passo 3: Agora, temos que digitar o seletor de elemento definido antes do texto cuja cor queremos alterar.
A saída do código Html acima é mostrada na imagem a seguir:
<< Tutorial para Saber como Alterar a Fonte
Tutorial para Saber como Alterar a Cor de Fundo >>
|
