<prompt> Toa mfano wa ramani ya picha na ueleze jinsi inavyofanya kazi.  <response>: Ramani ya picha ni picha ambayo ina maeneo yanayoweza kubofya, au maeneo-pepe, ambayo husababisha kurasa tofauti za wavuti au kusababisha kitendo mahususi. Ni kipengele cha HTML kinachokuruhusu kuunganisha sehemu tofauti za picha kwenye URL au maudhui tofauti. Mfano unaweza kuwa ramani ya dunia, ambapo kubofya kila nchi kunakupeleka kwenye ukurasa wa tovuti ulio na taarifa kuhusu nchi hiyo. Huu hapa ni msimbo msingi wa HTML unaoonyesha jinsi ramani ya picha inavyoweza kuundwa: html Msimbo huu huunda ramani ya picha kwa kutumia picha ya ramani ya dunia. Sifa ya usemap inabainisha ramani ambayo picha inapaswa kutumia katika kesi hii, picha hii inatumia kipengele cha ramani chenye thamani ya sifa ya jina ya ramani. Kipengele cha ramani kina vipengele kadhaa vya eneo, ambavyo vinafafanua maeneo yanayoweza kubofya kwenye picha. Kila kipengele cha eneo kinawakilisha eneo moja linaloweza kubofya na kina sifa kadhaa zinazofafanua umbo lake, saizi na URL lengwa. Kwa mfano, kipengele cha kwanza cha eneo kina sifa ya umbo yenye thamani rect, ambayo inamaanisha inafafanua eneo la mstatili. Sifa ya coords inabainisha viwianishi vya kona ya juu kushoto na kona ya chini kulia ya eneo la mstatili. Sifa ya href inabainisha URL ambayo mtumiaji atachukuliwa eneo likibofya. Mtumiaji anapobofya kwenye mojawapo ya sehemu zinazoweza kubofya, zitachukuliwa hadi kwenye URL iliyobainishwa, kama ilivyo kwa kiungo cha kawaida. Katika mfano huu, kubofya eneo la kwanza la kubofya kunaweza kumpeleka mtumiaji kwenye ukurasa wa Wikipedia kuhusu Kanada. 