Considere o código HTML a seguir.<p> <font fa...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
A alternativa correta é a Letra A. Vamos entender o porquê dela ser a resposta certa:
Esta questão aborda o conhecimento sobre HTML e CSS inline. O HTML é uma linguagem de marcação utilizada para estruturar e apresentar conteúdos na web. O CSS é uma linguagem de estilo usada para definir a apresentação visual das páginas web. Em particular, a questão pede para identificar qual alternativa produziria o mesmo resultado visual que um trecho de código HTML específico.
No código original, temos elementos <div>
, <p>
, <font>
, <u>
, <i>
e <b>
, que juntos definem um texto "Exemplo" que é vermelho (pela cor #FF0000) em fonte Verdana, sublinhado, em itálico e negrito.
A alternativa A é a correta pois usa CSS inline no atributo style
para reproduzir todas essas formatações:
- Color: #FF0000 aplica a cor vermelha ao texto;
- Font-family: verdana define a fonte para Verdana;
- Font-style: italic aplica o estilo itálico ao texto;
- Text-decoration: underline sublinha o texto;
- Font-weight: bold aplica o negrito ao texto.
As outras alternativas são incorretas porque não reproduzem exatamente a mesma formatação. Erros incluem cores erradas, estilos de fonte diferentes, ou propriedades de formatação equivocadas, como text-decoration: blink
ou font-weight: initial
, que não correspondem ao que foi definido no código original.
Para resolver essa questão, é importante ter familiaridade com as tags HTML e as propriedades CSS, e saber como elas podem ser usadas para alcançar um resultado de formatação específico.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
"<p><font face="verdana" color="#FF0000"><u><i><b>Exemplo</b></i></u></font></p>"
Precisamos de algo com: fonte verdana, sublinhado (underline), itálico e negrito (bold). Também precisar ser vermelho.
a) GAB
b) Não está em negrito nem vermelho
c) Não está sublinhado nem itálico
d) Não está sublinhado, itálico nem em negrito. E está piscando (blink)
e) Mesma situação da letra D
Apenas uma correção, apesar de a (a) ser a opção menos errada, ainda assim possui um erro de sintaxe, não sei se foi copiado errado ou se o erro constava na prova...
O correto seria text-decoration com hífen para o css correto:
<p style="color: #FF0000; font-family: verdana; font-style: italic; text-decoration:underline; font-weight: bold;">Exemplo</p>
Tu mata só pelo fontfamily
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo