Questão FC373350
Considere o bloco de código HTML a seguir, que mapeia uma área de uma imagem. <map name="brasil"> <area shape="poly" alt="SP" coords="532,704,581,649,616,646,619,654,661,647,671,68
Desenvolvimento Web
FCC · 2022
Considere o bloco de código HTML a seguir, que mapeia uma área de uma imagem.
<map name="brasil">
<area shape="poly" alt="SP"
coords="532,704,581,649,616,646,619,654,661,647,671,682,681,687,676,709,698,719,719,709,732,719 ,715,734,641,776,615,761,600,721,532,708" href="ba.html">
</map>
Para que, ao clicar na área mapeada da imagem chamada brasil.jpg seja carregada no navegador a página ba.html, a linha seguinte deste código deve ser
- <img src="#brasil.jpg" alt="Mapa do Brasil">
- <img src="brasil.jpg" map="brasil" title="Mapa do Brasil">
- <img src="brasil.jpg" href="#brasil" title="Mapa do Brasil">
- <img src="brasil.jpg" mapname="brasil" alt="Mapa do Brasil">
- <img src="brasil.jpg" usemap="#brasil" alt="Mapa do Brasil">
Mostrar resposta e comentário
Gabarito
Errado
Comentário do professor
A linha correta usa a tag <img> com o atributo usemap para associar a imagem ao mapa definido: <img src="brasil.jpg" usemap="#brasil" alt="Mapa do Brasil">.
O valor de usemap deve começar com "#" e corresponder exatamente ao atributo name do elemento <map name="brasil">, criando o vínculo entre a imagem e as áreas clicáveis.
As áreas definidas por <area> usam coords e shape para delimitar zonas; o atributo href dentro de cada <area> indica a página a ser carregada (aqui, ba.html).
O atributo alt fornece descrição acessível da imagem e deve ser sempre incluído.
Com essa linha, clicar em qualquer área mapeada fará o navegador carregar a página referenciada pelo respectivo href.
Conteúdo do catálogo FC Concursos · Atualizado em