Como alterar a cor do texto em HTML (com fotos)

Enquanto você pode alterar a cor do texto usando a tag em HTML, este método não é mais suportado em HTML5. Em vez disso, você usará CSS básico para definir qual a cor o texto aparecerá em vários elementos na sua página. Usar o CSS garantirá que sua página da Web seja compatível com todos os navegadores possíveis.

Passos

Método 1 de 2:

Usando css

1. Abra seu arquivo HTML. A melhor maneira de alterar a cor do seu texto é usando CSS. O antigo atributo HTML não é mais suportado em HTML5. O método preferido é usar o CSS para definir o estilo de seus elementos.

Este método também funcionará com estilos externos (arquivos CSS separados). Os exemplos abaixo são para um arquivo HTML usando uma folha de estilo interna.

2. Coloque seu cursor dentro da tag. Você estará definindo seus estilos dentro desta tag se você estiver usando uma folha de estilo interna.

3. Digite para criar uma folha de estilos interna. Quando a tag está na tag, o CSS dentro da tag será aplicado a quaisquer elementos aplicáveis nessa página. Quando terminar, o começo do seu arquivo HTML deve procurar algo assim:

4. Digite o elemento que você deseja alterar a cor do texto para. Você estará usando a seção para definir a aparência dos diferentes elementos da sua página. Então, por exemplo, para alterar o estilo de todo o texto do corpo em sua página, digite o seguinte:

5. Digite o cor: Atributo no seletor de elementos. O cor: Atributo informará a página que cor de texto usar para esse elemento. Neste exemplo, ele alterará a cor do texto de todo o texto do corpo, que é o elemento padrão para todo o texto em sua página:

6. Digite uma cor para o texto. Existem três maneiras de inserir uma cor: o nome, o valor hexético ou o valor RGB. Por exemplo, para a cor azul, você pode digitar azul, RGB (0, 0, 255), ou # 0000ff.

7. Adicione outros seletores para alterar a cor de vários elementos. Você pode usar os diferentes seletores para alterar a cor do seu texto para diferentes partes da página:

8. Defina uma classe CSS em vez de alterar um elemento. Você pode definir uma aula e, em seguida, aplicar-o a qualquer elemento que você gostaria de toda a página para adicionar instantaneamente o estilo de classe. Por exemplo, no seguinte arquivo ".RedText" aula fará qualquer elemento que seja aplicado para usar o texto vermelho:

Método 2 de 2:

Usando atributos de estilo inline

1. Abra seu arquivo HTML. Você pode usar atributos de estilo inline para alterar o estilo de um único elemento na sua página. Isso pode ser útil para uma ou duas mudanças rápidas no estilo, mas não é recomendado para uso generalizado. Para mudanças abrangentes de estilo, use o método anterior.

2. Encontre o elemento no arquivo que você deseja alterar. Você pode usar atributos de estilo inline para alterar a cor do texto de qualquer um dos seus elementos. Por exemplo, se você quiser alterar a cor do texto de um cabeçalho específico, encontre-o no seu arquivo:

3. Adicione o atributo estilo ao elemento. Modelo estilo ="" Dentro da tag de abertura para o elemento que você deseja alterar:

4. Digite o cor: atributo dentro do "". Por exemplo:

5. Digite a cor que você deseja alterar o texto para. Existem três maneiras de expressar uma cor. Você pode digitar o nome da cor, você pode inserir o valor RGB ou você pode inserir o valor hexético. Por exemplo, para alterar a cor para amarelo, você pode digitar amarelo-, RGB (255,255,0)-, ou # Ffff00-: