question

O que e o codigo html ao colocar varios links em uma unica imagem?

O que é o código html ao colocar vários links em uma única imagem? Por exemplo... a imagem é uma árvore com três folhas. Em vez de toda a imagem seja um link, como seria configurar um código html que faz cada licença individual um link?
resposta Resposta
Para colocar vários links em uma única imagem você precisa de um mapa de imagem. Você associa a imagem do mapa à imagem, dando a imagem do mapa um nome e referindo-se a este nome com o atributo USEMAP do você IMG tag. Dentro do seu mapa você terá um elemento de área (marca) para cada link.

Aqui está um exemplo simples:

<img src="tree.jpg" alt="tree" usemap="leaves" width="100" height="150">

<map name="leaves">

<area coords="25,0,74,49" alt="Leaf 1" href="leaf-1.html" title="Leaf 1">

<area coords="0,50,49,99" alt="Leaf 2" href="leaf-2.html" title="Leaf 2">

<area coords="50,50,99,99" alt="Leaf 3" href="leaf-3.html" title="Leaf 3">

</map>

ComentáriosComentários
Acho que a resposta não está correta ou que você gostaria de acrescentar mais
alguma informação? Envie o seu comentário abaixo..

Guest


HTML não é permitido!

Image Code

Digite os caracteres que aparecem na imagem por isso sabemos que você é humano!

Receber um email quando alguém acrescenta outro comentário a esta pergunta


Topo da página


Home  Terms
Copyright © Accelerated Ideas 2005-2024
All rights reserved