Carregando...
Carregando...
Carregando...
Em uma aula de desenvolvimento web, um professor explica aos seus alunos sobre a importância da usabilidade e a navegação intuitiva em um site.
Ele propõe um exercício prático onde os alunos devem criar um site de revisão de filmes. Neste site, há uma página inicial que contém uma lista de gêneros de filmes.
Cada gênero é um link que direciona o usuário para uma seção da mesma página onde uma compilação dos filmes daquele gênero é apresentada.
Além disso, cada título de filme possui uma imagem associada que, ao ser clicada, deve levar a uma página local com a crítica completa do filme. Por fim, cada crítica tem um link para a página do diretor no IMDb.
Com base nesse cenário, identifique qual seria a implementação correta das tags HTML para a funcionalidade descrita?
Explique melhor esta questão
Abre o Tutor com o enunciado e as alternativas já no campo — você revisa e envia.
Esta questão foi verificada por um de nossos administradores.
🎓 Gabarito Comentado (AVA):
A alternativa "Na página inicial, o gênero de filme é envolvido por uma tag <a> com o atributo href contendo o id da seção na mesma página; a imagem do título do filme é envolvida por uma tag <a> com um atributo href que leva à página local da crítica" é correta, pois descreve que na página inicial, os gêneros de filmes devem ser ligados às suas respectivas seções por meio de uma tag <a> com um href apontando para o id de uma âncora na mesma página, e que as imagens dos títulos dos filmes devem ser envolvidas por uma tag <a> com um href que leva à página local da crítica, o que está alinhado com a prática padrão de HTML para criar links internos e locais.
As demais alternativas estão incorretas, pois:
A alternativa "Na página inicial, o gênero de filme é envolvido por uma tag <a> com um atributo href que contém o URL do IMDb do diretor; a imagem do título do filme utiliza uma tag <img> sem um atributo href" é incorreta, pois sugere incorretamente o uso do URL do IMDb para os gêneros de filmes e omite o uso de <a> para a imagem do filme.
A alternativa "A imagem do título do filme é envolvida por uma tag <img> com um atributo src apontando para o site do IMDb; os gêneros de filmes são listados sem uma tag <a>, pois estão na mesma página" é incorreta, pois erra ao não incluir uma tag <a> para os gêneros e ao apontar a imagem diretamente para o site do IMDb.
A alternativa "A crítica completa do filme é ligada por um link remoto que usa uma tag <a> com o atributo href apontando para a página do IMDb; as imagens dos filmes não possuem links, mas sim atributos alt descrevendo o filme" é incorreta, pois confunde ao usar o atributo href na tag <img> e não incluir corretamente o href para a página do IMDb; falha ao ligar a crítica do filme diretamente ao IMDb, que seria um link remoto, e ao não incluir links nas imagens dos filmes.
Cada uma dessas alternativas apresenta uma abordagem que não condiz com a implementação correta de links internos, locais e remotos conforme descrito no cenário da questão.