Engenharia de Software · CESPE / CEBRASPE · 2025 | Questão sqc-ce215906

HTML, CSS e JavaScript: vinculação de folha de estilo externa

Gabarito: Errado (E). A execução do arquivo HTML aplicará as configurações do styles.css somente se a tag <link> estiver corretamente escrita e posicionada no documento — e a figura mostra que o atributo href está vazio, sem o caminho do arquivo. Sem o caminho, o navegador não consegue localizar a folha de estilo, portanto as configurações não serão aplicadas.

A vinculação de uma folha de estilo externa a um documento HTML é um dos fundamentos do desenvolvimento web. Para que o navegador carregue e aplique as regras de um arquivo CSS externo, é necessário usar a tag <link> dentro da seção <head> do HTML, com os atributos rel="stylesheet" e href apontando para o caminho do arquivo. O atributo href é o que define o endereço (URL ou caminho relativo) do arquivo CSS. Se ele estiver vazio ou incorreto, o navegador não encontrará o arquivo e, consequentemente, nenhuma das regras de estilo será aplicada.

Na prática, um exemplo de vinculação correta seria:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1>Olá, mundo!</h1>
</body>
</html>

Nesse caso, o navegador buscaria o arquivo styles.css no mesmo diretório do arquivo HTML. Se o href estivesse vazio (href=""), o navegador tentaria carregar a página atual como folha de estilo, o que não funcionaria — as regras não seriam aplicadas.

A pegadinha da questão está exatamente aí: a figura mostra o href vazio, o que torna a afirmação incorreta. O candidato pode ser levado a pensar que a simples presença da tag <link> é suficiente, mas sem o caminho correto no href, o navegador não tem como localizar o arquivo CSS.

NÃO CAIA NESSA!

A banca explora a confusão entre a presença da tag <link> e a correta especificação do caminho no atributo href. Muitos candidatos marcam "Certo" por verem a tag, mas esquecem que o href vazio invalida a vinculação. Lembre-se: a tag é necessária, mas o href é o que efetivamente aponta para o arquivo.

1Tag <link> no <head>
2rel="stylesheet"
3href com caminho
4Navegador aplica regras

LEVEL · soulevel.com.br

Item — ❌ Errado

A afirmação diz que a execução do arquivo HTML aplicará as configurações do styles.css, desde que o arquivo esteja acessível no caminho especificado. No entanto, a figura mostra que o atributo href está vazio, ou seja, não há caminho especificado. Sem o caminho, o navegador não consegue localizar o arquivo CSS, e as configurações não serão aplicadas. Portanto, a afirmação está incorreta.

Gabarito: Errado (E).

Questão de Engenharia de Software — Ferramentas de Desenvolvimento de Software — CESPE / CEBRASPE 2025

HTML, CSS e JavaScript: vinculação de folha de estilo externa

Item — ❌ Errado