Questão de Programação — Linguagens de marcação — FGV 2023

HTML: cores e estilos inline

Gabarito: letra A. As palavras Título, Subtítulo e Parágrafo serão apresentadas, respectivamente, nas cores azul, verde e preta, pois o código HTML utiliza o atributo style com a propriedade color para definir a cor do texto de cada elemento, e a cor padrão do texto em um documento HTML é preta. A alternativa A é a única que reflete corretamente as cores definidas no código.

O atributo style é um atributo global do HTML que permite aplicar estilos CSS diretamente a um elemento, sem a necessidade de uma folha de estilos externa ou de uma tag <style> no cabeçalho do documento. A propriedade color define a cor do texto de um elemento, e pode receber valores como nomes de cores (ex.: blue, green), códigos hexadecimais (ex.: #0000FF) ou valores RGB (ex.: rgb(0, 0, 255)). Quando nenhuma cor é especificada para um elemento, o navegador aplica a cor padrão, que é preta, a menos que haja uma regra CSS mais específica que defina outra cor.

No código apresentado, cada elemento (<h1>, <h2> e <p>) possui um atributo style que define sua cor individualmente. O elemento <h1> (Título) tem color: blue, o <h2> (Subtítulo) tem color: green, e o <p> (Parágrafo) não possui atributo style, portanto herda a cor padrão do navegador, que é preta. É importante notar que a cor definida em um elemento não é herdada automaticamente pelos elementos filhos, a menos que seja especificada ou que haja uma regra de herança CSS aplicável. Neste caso, cada elemento tem sua própria cor definida, e o parágrafo, sem definição, fica preto.

A pegadinha desta questão está em não confundir a ordem das cores com a ordem dos elementos. O candidato pode se perder ao associar as cores às tags, mas a leitura atenta do código resolve a questão. Além disso, é comum que o candidato esqueça que a cor padrão do texto é preta, e não branca ou outra cor, o que pode levar a erros na alternativa.

Guarde a relação entre cada tag e sua cor: h1 azul, h2 verde, p preto. É exatamente essa correspondência que as alternativas tentam embaralhar.

Alternativa A — ✅ Correta ⟵ GABARITO

A alternativa A afirma que Título, Subtítulo e Parágrafo serão apresentados, respectivamente, nas cores azul, verde e preta. Isso está correto porque o código HTML define color: blue para o <h1> (Título), color: green para o <h2> (Subtítulo), e o <p> (Parágrafo) não tem cor definida, então usa a cor padrão do navegador, que é preta. A ordem das cores corresponde exatamente à ordem dos elementos no documento.

Alternativa B — ❌ Incorreta

A alternativa B afirma que as cores seriam azul, vermelha e verde. O erro está na segunda e terceira cores: o <h2> (Subtítulo) é verde, não vermelho, e o <p> (Parágrafo) é preto, não verde. A banca trocou as cores de forma a confundir o candidato, mas a leitura do código mostra que a sequência correta é azul, verde e preta.

Alternativa C — ❌ Incorreta

A alternativa C afirma que as cores seriam preta, verde e preta. O erro está na primeira cor: o <h1> (Título) é azul, não preto. A banca tenta confundir ao sugerir que o título poderia ter a cor padrão, mas o código define explicitamente color: blue para o título.

Alternativa D — ❌ Incorreta

A alternativa D afirma que as cores seriam vermelha, azul e verde. O erro está em todas as cores: o <h1> é azul, não vermelho; o <h2> é verde, não azul; e o <p> é preto, não verde. A banca embaralhou completamente as cores, mas a leitura atenta do código resolve a questão.

Alternativa E — ❌ Incorreta

A alternativa E afirma que as cores seriam vermelha, azul e preta. O erro está na primeira e segunda cores: o <h1> é azul, não vermelho, e o <h2> é verde, não azul. A banca trocou as cores de forma a confundir, mas a sequência correta é azul, verde e preta.

Gabarito: letra A