IntroductionAn image map is een afbeelding met klikbare gebieden. Deze gebieden zijn niet alleen klikbaar, kunnen ze worden omzetten in hyperlinks en kunnen scherpstelling ontvangen. Wanneer u het ontwerp een afbeelding kaart, de functie die u wilt voor een bepaald gebied. Er is wat wordt genoemd de client side image map en de server side image map. In dit artikel praat ik over de client-side image map. Een gebied kan een rechthoek, cirkel of veelhoek zijn. U het web kant ontwerper bepaalt waar en hoe groot het gebied zal worden op de image.
You nodig basiskennis in HTML of XHTML, JavaScript en CSS om dit artikel te begrijpen
. Opmerking: Als u de code niet kunt zien of als je denkt dat er iets ontbreekt (gebroken link afbeelding afwezig), neem dan contact met mij op [email protected]. Dat wil contact met mij op voor het geringste probleem dat je hebt over wat je bent reading.HTML Elements betrokken Je hebt drie HTML-elementen voor een image map. U hebt de normale HTML Afbeelding element, voor het beeld. Je moet wat de HTML-MAP-element en de HTML AREA element genaamd.
Een HTML AREA element komt overeen met een klikbare gebied op de afbeelding. Dus er meer dan één AREA element voor een beeld kan zijn. De omgeving elementen vormen de inhoud van de Image Map element. Dus als u een afbeelding met drie klikbare gebieden hebben, zou je zoiets als dit: Er zijn drie soorten van de HTML-elementen betrokken. Je hebt het normale beeld element, en een MAP-element. Binnen de kaart element, heb je de AREA elementen. De Afbeelding ElementThe afbeelding tag is een tag-element. In de hierboven, moet u vertrouwd met alle attributen behalve usemap zijn.
De waarde van dit attribuut is wat verbindt de afbeelding element om de kaart element. De kaart element is wat geeft u de kaart (ongeziene afbakeningen) op de afbeelding. De waarde van de usemap begint met een hekje gevolgd door tekst. Deze tekst moet de waarde van het attribuut naam van de map element. De kaart element moet een naam attribuut. In de bovenstaande code, de waarde van de naam attribuut van de kaart element "myImgMap"; Dit is de tekst van de waarde van de usemap attribuut van het beeldelement. De usemap komt alleen voor in het beeld element en niet in de MAP of AREA element.
The breedte en hoogte attributen die je ziet zijn de breedte en hoogte van de afbeelding in pixels. De MAP elementThe MAP element is een dubbele tag element; dat wil zeggen, het heeft een start-tag en een eind tag. Het heeft slech