Baixe em PDF
Baixe em PDF
Este artigo o ensinará a alterar a cor da fonte em um documento HTML. Embora a tag "font" esteja obsoleta no HTML5, é possível usar CSS para adicionar cores a o texto de uma página HTML. Caso esteja trabalhando com uma versão antiga do HTML, você pode usar a tag HTML "font color" conforme necessário.
Passos
-
1Selecione uma cor para o texto. Embora seja possível usar cores básica (como "vermelho") para o texto, é preciso usar um gerador de cor HTML para obter tons mais específicos:
- Para fazê-lo, acesse o endereço https://www.w3schools.com/colors/colors_picker.asp em um navegador de internet.
- Selecione a base da cor desejada para usar no hexágono no topo da página.
- Navegue pelo tom desejado no lado direito da página.
- Anote o código numérico de seis dígitos à direita da cor desejada.
-
2Abra o documento HTML. Esse deve ser o documento cuja cor da fonte você deseja alterar.
- Caso ainda não o tenha criado, faça-o antes de continuar.
-
3Encontre o texto cuja cor você deseja alterar. Navegue pelo documento até encontrar o parágrafo, cabeçalho ou outra forma de texto desejado.
-
4Observe as tags do texto. Por exemplo, caso o texto seja um cabeçalho, você verá "<h1>" em sua frente.
-
5Adicione as seções "head" e "style" no topo do documento. Para fazê-lo, digite <head> abaixo da tag "<html>", pressione a tecla ↵ Enter , digite <style> abaixo da tag "<head>", pressione a tecla ↵ Enter duas vezes e digite as tags de encerramento. Ao final, o código deverá ficar mais ou menos assim:
<!DOCTYPE html> < html > < head > < style > </ style > </ head > < body >
-
6Insira a tag de estilo "color". Para fazê-lo, clique no espaço entre as tags "<style></style>", depois digite o seguinte código (substituindo red pelo código da cor, e "<h1>" pela tag do texto cuja cor você deseja alterar):
< h1 > { color : red ; }
-
7Reveja o documento. O cabeçalho da página deverá ficar mais ou menos assim:
<!DOCTYPE html> < html > < head > < style > < h1 > { color : red ; } </ style > </ head > < body >
-
8Padronize a cor do texto do corpo do documento. Se não quiser que o documento todo tenha a mesma cor, digite o seguinte código substituindo "black" pela cor desejada (em inglês):
body { color : black ; }
Publicidade
-
1Selecione uma cor para o texto. Embora seja possível usar cores básica (como "vermelho") para o texto, é preciso usar um gerador de cor HTML para obter tons mais específicos:
- Para fazê-lo, acesse o endereço https://www.w3schools.com/colors/colors_picker.asp em um navegador de internet.
- Selecione a base da cor desejada para usar no hexágono no topo da página.
- Navegue pelo tom desejado no lado direito da página.
- Anote o código numérico de seis dígitos à direita da cor desejada.
-
2Abra o documento HTML. Esse deve ser o documento cuja cor da fonte você deseja alterar.
- Caso ainda não o tenha criado, faça-o antes de continuar.
-
3Encontre o texto cuja cor você deseja alterar. Navegue pelo documento até encontrar o parágrafo, cabeçalho ou outra forma de texto desejado.
-
4Adicione a tag de abertura "font". Clique imediatamente à esquerda do texto cuja cor você deseja alterar, e digite o seguinte código (substituindo "red" pela cor desejada (em inglês): [1] X Fonte de pesquisa
< font color = "red" >
-
5Encerre a tag "font". Clique no espaço à direita do texto em questão e digite </font> .
< font color = "red" > Este texto é vermelho! </ font >
Publicidade
Dicas
- Os códigos de cores HTML funcionam da seguinte forma: os dois primeiros dígitos referem-se aos tons de vermelho, os próximos dois aos tons de verde e os últimos dois aos tons de azul. Você pode usar qualquer valor entre "00" e "99" para indicar a quantidade de cada tom; usar "FF" em vez de um número usará a quantidade máximo da cor em questão (por exemplo, "0000FF" representa o tom mais azul possível).
- Tente deixar a página fácil de ler. As cores claras demais são difíceis de ser lidas quando colocadas em um fundo branco; já as cores escuras, por outro lado, são mais difíceis de ser lidas em um fundo preto.
- Os computadores antigos possuem um limite de 65.000 cores, e esse limite cai para 256 cores nos equipamentos ainda mais antigos. Ainda assim, 99% dos usuários da internet terá a capacidade de enxergar qualquer cor utilizada. [2] X Fonte de pesquisa
Publicidade
Avisos
- O elemento font não é suportado em XHTML 1.0 Strict DTD.
Publicidade
Referências
Publicidade
Inscreva-se na Newsletter Gratuita do wikiHow!
Receba tutoriais úteis em seu email semanalmente!
Inscreva-me!
