Kai nuoroda pridedama prie vaizdo hiperteksto žymėjimo kalba (HTML), ta nuoroda pridedama prie viso vaizdo. Tai gali būti problema, jei programuotojas nori sukurti vieną vaizdą su keliomis sritimis arba mygtukais ir kiekviena sritis naudojama kitai nuorodai. HTML vaizdo žemėlapis leidžia programuotojui nurodyti tam tikras sritis, kur bus nuoroda, ir į vieną paveikslėlį įterpti kelias nuorodas. Tai atliekama nurodant nuorodos formą ir nurodant HTML, kokios koordinatės turi būti naudojamos nuorodai.
Internetui naudojami vaizdai matuojami pikseliais. Žinojimas, kiek pikselių yra vaizde, yra pirmasis svarbus žingsnis kuriant vaizdo žemėlapį. Pavyzdžiui, naudojamas stačiakampis vaizdas, kurio aukštis – 400 pikselių, o plotis – 250 pikselių. Tada programuotojas turi žinoti, kaip tiksliai išmatuoti formą koordinatėmis, kad HTML vaizdo žemėlapis tinkamai veiktų.
Viršutinis kairysis kampas vadinamas 0,0, kai naudojamas HTML vaizdo žemėlapis. Apatinis dešinysis kampas šiuo atveju būtų 250,400 10. Pirmiausia matuojama plotis, o tada aukštis. Paprastas būdas tai galvoti yra toks, kad pirmasis matavimas nurodo HTML, kiek toli į dešinę reikia eiti nuo kairiojo krašto, o antrasis – kaip nurodo, kiek pikselių reikia eiti žemyn. Jei programuotojas nori, kad taškas žemėlapyje būtų 50 pikselių nuo kairiojo krašto ir 10,50 pikselių žemyn, koordinatės būtų XNUMX.
Yra trys skirtingos formos, kurias programuotojas gali panaudoti HTML vaizdo žemėlapiui: tiesus, apskritimas ir daugiakampis. „Tiesioji“ reiškia stačiakampį, o programuotojas pirmiausia turi įvesti viršutinio kairiojo kampo ir tada apatinio dešiniojo kampo koordinates. Apskritimas nurodomas įvedus koordinates, kur prasideda apskritimas, o tada apskritimo spindulį. Daugiakampis sukuriamas įvedus visas penkias koordinates iš viršaus į dešinę.
HTML vaizdo žemėlapio kodavimas vyksta taip:
Kiekvienas HTML vaizdų žemėlapis turi turėti pavadinimą, o skiltis „url.html“ yra nuoroda, kur ta vaizdo žemėlapio dalis nukreips vartotoją, kai jis ją spusteli. Kai vaizdas įdedamas į svetainę su HTML, programuotojas turi parašyti: usemap=”test“. Tai parodys vaizdui, kokį HTML vaizdo žemėlapį naudoti.