Questão de Programação — HTML (HyperText Markup Language) — Quadrix 2023

Formulário HTML5: estrutura e renderização

Gabarito: letra C (Certo). O código HTML5 apresentado é um formulário válido e bem estruturado, contendo um fieldset com legend "Login", dois campos de entrada (texto e senha) com o atributo required, e um botão de envio. Quando aberto em um navegador, o resultado será exatamente a renderização desses elementos: um formulário com título "Login", dois campos de entrada rotulados "Usuário" e "Senha", e um botão "Submeter". A imagem imagem da questão deve corresponder a essa renderização, confirmando que o item está Certo. O HTML (HyperText Markup Language) é uma linguagem de marcação utilizada para estruturar o conteúdo de páginas web. Cada elemento é definido por tags, que são interpretadas pelo navegador para exibir o conteúdo de forma adequada. No código fornecido, temos a estrutura básica de um formulário, que é um dos componentes mais comuns em páginas web, utilizado para coletar dados do usuário. A tag <form> define o início e o fim do formulário. Dentro dela, a tag <fieldset> é usada para agrupar elementos relacionados, e a tag <legend> fornece um título para esse grupo. No caso, o legend é "Login", indicando que os campos dentro do fieldset são para autenticação. Os campos de entrada são definidos pela tag <input>, que possui vários tipos, como text para texto simples e password para senhas (que mascara os caracteres digitados). O atributo required indica que o campo é obrigatório, ou seja, o formulário não pode ser submetido sem que esses campos estejam preenchidos. Por fim, a tag <button> com type="submit" cria um botão que, ao ser clicado, envia os dados do formulário. Na prática, ao abrir o arquivo teste.html em um navegador, o usuário verá um formulário com o título "Login", dois campos de entrada (um para usuário e outro para senha) e um botão "Submeter". A imagem imagem da questão deve mostrar exatamente essa interface. Não há nenhum erro de sintaxe ou de estrutura no código que impeça a renderização correta. O HTML5 é uma versão da linguagem que trouxe novas tags e atributos, mas as tags utilizadas aqui (form, fieldset, legend, label, input, button) são suportadas por todos os navegadores modernos. A banca pode explorar a confusão entre o que é exibido e o que é código-fonte. O candidato pode se perder ao tentar imaginar como o navegador interpreta as tags, mas a renderização é direta: o navegador lê o HTML e exibe os elementos de forma hierárquica, seguindo a estrutura do documento. Não há scripts, estilos ou elementos ocultos que alterem a aparência. Portanto, a afirmação de que o resultado será o formulário descrito é correta.

Item — ✅ CERTO

O código HTML5 é válido e bem formado. A estrutura <form> contém um <fieldset> com <legend>Login</legend>, dois <label> com <input> do tipo text e password, ambos com o atributo required, e um <button type="submit">Submeter</button>. O navegador renderizará esses elementos como um formulário de login com os campos "Usuário" e "Senha" e o botão "Submeter". A imagem imagem da questão deve corresponder a essa renderização, confirmando que o item está Certo. Gabarito: letra C (Certo).