Questão de Programação — Programação de front end — INSTITUTO AOCP 2025

HTML, CSS e JavaScript: papéis no desenvolvimento front-end

Gabarito: letra C. HTML estrutura o conteúdo, CSS estiliza a página e JavaScript adiciona interatividade e comportamentos dinâmicos — essa é a divisão clássica de responsabilidades no front-end. A alternativa C é a única que descreve corretamente os três papéis, sem trocar as funções entre as tecnologias.

Essas três tecnologias formam a base do desenvolvimento web front-end, cada uma com uma responsabilidade distinta e complementar. O HTML (HyperText Markup Language) é uma linguagem de marcação responsável por estruturar o conteúdo da página — define títulos, parágrafos, imagens, links, formulários e a semântica do documento. O CSS (Cascading Style Sheets) cuida da apresentação visual: cores, fontes, espaçamentos, layout e responsividade. O JavaScript é a linguagem de programação que adiciona comportamento — permite manipular o DOM, responder a eventos do usuário, fazer requisições assíncronas e criar aplicações dinâmicas.

A confusão mais comum nesse tema é inverter os papéis, especialmente trocar CSS por JavaScript ou vice-versa. O CSS não adiciona interatividade — ele apenas define a aparência. O JavaScript não estiliza diretamente — ele manipula o DOM e pode alterar estilos via código, mas sua função principal é o comportamento. O HTML não estiliza — ele estrutura.

Na prática, um exemplo simples: um botão de "curtir" em uma rede social. O HTML define o botão na página, o CSS define sua cor e formato, e o JavaScript faz o contador aumentar quando o usuário clica. Cada tecnologia atua em uma camada diferente, e é exatamente essa separação que a questão testa.

A banca explora a troca de funções entre as tecnologias — uma pegadinha clássica em questões de front-end. Guarde a tríade: estrutura (HTML) → estilo (CSS) → comportamento (JS). É esse critério que separa as alternativas corretas das incorretas.

Alternativa A — ❌ Incorreta

Inverte as funções de CSS e JavaScript. Afirma que CSS adiciona interatividade e JavaScript estiliza a página — exatamente o oposto do que cada tecnologia faz. O CSS é responsável pela apresentação visual, enquanto o JavaScript é a linguagem de programação que adiciona comportamento e interatividade.

Alternativa B — ❌ Incorreta

Inverte as funções de HTML e CSS. Afirma que HTML estiliza a página e CSS estrutura o conteúdo — o contrário da realidade. O HTML é a linguagem de marcação que estrutura o conteúdo, e o CSS é a folha de estilos que define a apresentação visual.

Alternativa C — ✅ Correta ⟵ GABARITO

Descreve corretamente os três papéis: HTML estrutura o conteúdo, CSS estiliza a página e JavaScript adiciona interatividade e comportamentos dinâmicos. Essa é a divisão de responsabilidades consagrada no desenvolvimento web front-end.

Alternativa D — ❌ Incorreta

Afirma que as três tecnologias são usadas exclusivamente para estilizar a página, sem impacto na estrutura ou interatividade. Isso é falso: HTML estrutura o conteúdo e JavaScript adiciona interatividade — nenhuma das três se limita a estilizar.

Alternativa E — ❌ Incorreta

Afirma que HTML, CSS e JavaScript são linguagens de programação server-side, sem relação com o front-end. Isso é duplamente errado: HTML e CSS não são linguagens de programação (são linguagens de marcação e folha de estilo, respectivamente), e as três tecnologias são fundamentais para o front-end. JavaScript também pode ser usado no back-end (Node.js), mas sua principal aplicação é no lado do cliente.

Gabarito: letra C