Kada se na sliku doda veza u jeziku za označavanje hiperteksta (HTML), ta se veza dodaje cijeloj slici. To može biti problem ako programer želi napraviti jednu sliku s nekoliko područja ili gumba i svako područje se koristi za drugu vezu. HTML slikovna karta omogućuje programeru da odredi određena područja kamo će veza ići, dopuštajući mu ili njoj da ugradi nekoliko veza u jednu sliku. To se postiže tako da se odredi oblik za vezu i kaže HTML-u koje koordinate će se koristiti za vezu.
Slike koje se koriste za internet mjere se u pikselima. Poznavanje koliko piksela ima slika prvi je bitan korak u izradi slikovne karte. Na primjer, koristi se pravokutna slika koja ima visinu od 400 piksela i širinu od 250 piksela. Zatim, programer mora znati kako točno izmjeriti oblik u koordinatama da bi HTML slikovna karta ispravno radila.
Gornji lijevi kut naziva se 0,0 kada se koristi HTML slikovna karta. Donji desni kut u ovom slučaju bio bi 250,400. Mjerenja se prvo vrše širinom, a zatim visinom. Jednostavan način razmišljanja o tome je da prvo mjerenje govori HTML-u koliko daleko udesno da ide od lijevog ruba, a drugo koliko mu govori koliko piksela dolje treba ići. Ako programer želi da točka na karti bude 10 piksela od lijevog ruba i 50 piksela prema dolje, koordinate bi bile 10,50.
Postoje tri različita oblika koje programer može pozvati za HTML slikovnu kartu: pravokutni, krug i poligon. “Rect” znači pravokutnik, a programer prvo mora upisati koordinate za gornji lijevi kut, a zatim donji desni. Krug se specificira upisivanjem koordinata gdje počinje krug, a zatim radijusa kružnice. Poligon se stvara upisivanjem svih pet koordinata, od vrha prema desno.
Kodiranje HTML slikovne karte ide ovako:
Svaka HTML slikovna karta mora imati naziv, a odjeljak “url.html” je poveznica na koju će taj dio slikovne karte dovesti korisnika kada klikne na nju. Kada se slika postavi na web stranicu s HTML-om, programer mora napisati: usemap=”test.” To će slici reći koju HTML slikovnu kartu treba koristiti.