Kui hüperteksti märgistuskeeles (HTML) pildile lisatakse link, lisatakse see link kogu pildile. See võib olla probleem, kui programmeerija soovib teha ühe pildi mitme ala või nupuga ja iga ala kasutatakse erineva lingi jaoks. HTML-pildikaart võimaldab programmeerijal määrata teatud piirkonnad, kuhu link läheb, võimaldades tal ühele pildile manustada mitu linki. Selleks määratakse lingi kuju ja öeldakse HTML-ile, milliseid koordinaate lingi jaoks kasutada.
Internetis kasutatavaid pilte mõõdetakse pikslites. Pildil oleva pikslite arvu teadmine on esimene oluline samm pildikaardi loomisel. Näiteks kasutatakse ristkülikukujulist pilti, mille kõrgus on 400 pikslit ja laius 250 pikslit. Järgmiseks peab programmeerija teadma, kuidas täpselt mõõta kuju koordinaatides, et HTML-pildikaart korralikult töötaks.
Vasakut ülanurka nimetatakse HTML-pildikaardi kasutamisel 0,0-ks. Alumine parem nurk oleks sel juhul 250,400 10. Mõõtmised tehakse kõigepealt laiusega ja seejärel kõrgusega. Lihtne viis seda mõelda on see, et esimene mõõtmine annab HTML-ile teada, kui kaugele vasakule servast paremale minna, ja teine näitab, mitu pikslit allapoole minna. Kui programmeerija soovib, et kaardil oleks punkt 50 piksli kaugusel vasakust servast ja 10,50 pikslit allapoole, oleks koordinaadid XNUMX.
Programmeerija saab HTML-pildikaardi jaoks kasutada kolme erinevat kujundit: sirge, ring ja hulknurk. “Rect” tähistab ristkülikut ja programmeerija peab esmalt tippima vasaku ülanurga ja seejärel parema alanurga koordinaadid. Ringi määramiseks sisestatakse ringi alguse koordinaadid ja seejärel ringi raadius. Hulknurk luuakse, tippides kõik viis koordinaati ülalt paremale.
HTML-pildi kaardi kodeerimine käib järgmiselt:
Igal HTML-pildikaardil peab olema nimi ja jaotis “url.html” on link, kuhu see pildikaardi osa kasutaja suunab, kui ta sellel klõpsab. Kui pilt pannakse veebisaidile HTML-iga, peab programmeerija kirjutama: usemap=”test”. See annab pildile teada, millist HTML-pildikaarti kasutada.