IntroductionAn mapa de imagem é uma imagem com áreas clicáveis. Estas áreas não são apenas clicável, que pode ser transformar em hyperlinks, e eles podem receber o foco. Quando você cria um mapa de imagem, você dá a função que deseja para uma área particular. Não é o que é chamado de mapa de imagem do lado do cliente e do mapa de imagem do lado do servidor. Neste artigo vou falar sobre o mapa de imagem do lado do cliente. Uma área pode ser um retângulo, círculo ou polígono. Você o designer lado web decide onde e quão grande é a área será na image.
You precisa conhecimentos básicos em HTML ou XHTML, CSS e JavaScript para entender este artigo
Nota:. Se você não pode ver o código ou se você acha que alguma coisa está faltando (link quebrado, imagem ausente), apenas contacte-me em [email protected]. Ou seja, contacte-me para o menor problema que você tem sobre o que você é reading.HTML elementos envolvidos Você precisa de três elementos HTML para um mapa de imagem. Você precisa do elemento HTML normal de imagem, para a imagem. Você precisa o que é chamado o elemento MAP HTML eo elemento AREA HTML.
Um elemento HTML área corresponde a uma área que pode ser clicado na imagem. Assim, não pode haver mais do que um elemento de área para uma imagem. Os elementos da área formam o conteúdo para o elemento Mapa Imagem. Então, se você tiver uma imagem com três áreas clicáveis, você teria algo como isto: Existem três tipos de elementos HTML envolvidos. Você tem o elemento de imagem normal, e um elemento MAP. Dentro do elemento do mapa, você tem os elementos área. O ElementThe tag de imagem A imagem é um único elemento tag.
No acima, você deve estar familiarizado com todos os atributos, exceto, usemap. O valor deste atributo é o que liga o elemento de imagem para o elemento do mapa. O elemento do mapa é o que lhe dá o mapa (demarcações invisíveis) na imagem. O valor do usemap começa com um hash seguido de texto. Este texto tem que ser o valor do atributo nome do elemento do mapa. O elemento do mapa deve ter um atributo de nome. No código acima, o valor do atributo nome do elemento do mapa é "myImgMap"; este é o texto do valor do atributo usemap do elemento de imagem.
O usemap ocorre apenas no elemento de imagem e não no MAP ou largura da área de element.The e atributos altura que você vê são a largura ea altura da imagem em pixels. O elemento MAP elementThe MAP é um elemento duplo tag; ou seja, ele tem uma marca de início e uma tag final. Ele tem apenas u