|
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 >>
|
