Això és un codi html que significa llenguatge de marques d'hipertext perquè permet escriure text amb la lletra p que significa paràgraf, també permet posar imatges fent servir la marca o etiqueta img. La etiqueta img té un paràmetre anomenat src que significa source que el que fa és indicar el nom de la imatge per trobar-la. Un altre paràmetre de img és class que significa classe d'imatge. En aquest cas hem posat que és mapper perquè identifiqui com a mapa d'imatge. Un mapa d'imatge és una imatge que quan cliques sobre una part de la imatge t'identifica aquesta part, la coloreja i et porta al enllaç que vulguis. Width significa amplada, en aquest cas 1200 píxels. Height significa alçada, en aquest cas 1588 píxels. Border significa vora que és la part externa, en aquest cas 0 píxels. L'últim paràmetre és usemap que indica quin mapa d'imatge hem d'utilitzar, en el nostre cas és diu map

A continuació hi ha el codi creat amb el programa GIMP. En el codi, poly significa polígon i està a dins de area shape, que vol dir forma de l'àrea. Coord vol dir coordenades, cada vegada que feia click amb el GIMP, és generaven dues coordenades o números, el primer és la x i el segon la y. Class noborder signfica que no posis vora al voltant de la imatge pintada i icolorff0000 vol dir el color que és pintarà quan passi per sobre. El color ff0000 és vermell, el color 00ff00 és verd, el color 0000ff és blau. Perquè són els colors RGB que vol dir red, green and blue que són els tres colors bàsics. El color icolorEEE592 és una barreja de RGB.

Ceba Petita All cogombre Cirera Ceba Pera Raïm Arándamos Almendra Uva Ciruela Pera Codonyer Ciruela Frambuesa Mora Oliva Blat de moro Pastanaga avellana Alberginiera Fava Civada Meló Remolacha amarilla Pera