IntroductionAn image map er et billede med klikbare områder. Disse områder er ikke kun klikbart, kan de blive til hyperlinks, og de kan modtage fokus. Når du designer et billede kort, du giver den ønskede funktion for et bestemt område. Der er det, der kaldes klientsiden billedet kort og server side image map. I denne artikel taler jeg om klientsiden billedet kort. Et område kan være et rektangel, cirkel eller en polygon. Du web side designer afgør, hvor og hvor stort det område vil være på image.
You brug grundlæggende viden i HTML eller XHTML, JavaScript og CSS til at forstå denne artikel
Bemærk:. Hvis du ikke kan se koden eller hvis du tror noget mangler (brudt link, billede fraværende), bare kontakte mig på [email protected]. Det vil sige, kontakt mig for det mindste problem, du har om, hvad du er reading.HTML Elements involveret Du har brug for tre HTML-elementer til et billede kort. Du har brug for den normale HTML billede element, for billedet. Du har brug for det, der kaldes HTML MAP elementet og HTML AREA elementet.
En HTML AREA element svarer til et klikbart område på billedet. Så der kan være mere end ét område element for et billede. De Area elementer danner indhold til Image Map element. Så hvis du har et billede med tre klikbare områder, du ville have noget som dette: Der er tre typer af HTML-elementer, der er involveret. Du har den normale billede element og en MAP element. Inde i kortet element, har du området elementer. Image ElementThe billede tag er et enkelt tag element. I ovenstående en, bør du være fortrolig med alle de egenskaber, undtagen, USEMAP.
Værdien af denne attribut er, hvad forbinder billedelement til kortet element. Kortet element er, hvad giver dig kortet (usete afgrænsninger) på billedet. Værdien af USEMAP begynder med en hash efterfulgt af tekst. Denne tekst skal være værdien af navnet attribut af kortet element. Kortet element skal have et navn attribut. I ovenstående kode, værdien af navneattribut af kortet element er "myImgMap"; dette er den tekst af værdien af den USEMAP attribut af billedelement. Den USEMAP forekommer kun i billedelement og ikke i MAP eller OMRÅDE element.
The bredde og højde attributter du ser, er bredden og højden på billedet i pixels. MAP elementThe MAP element er en dobbelt tag element; det vil sige, det har en start-tag og en slutkode. Det har kun én attribut, navnet attribut. Dette er mærkets navn, på samme måde som andre mærker har navne. Værdien af denne navneatt