Aby utworzyć taką mapę będziemy potrzebowali dwóch nowych znaczników map oraz area

Map to znacznik kontenerowy który zawiera w sobie znaczniki area.Atrybutem map jest name, które odpowiada za nazwę obrazka, aby można było to ze sobą połączyć.Natomiast znacznik area ma ich więcej:

<area shape="poly/rect/circle" alt=" " coords="x1,y1..." href="odnośnik"/>

Wartości podane w atrybucie coords muszą być podane w pikselach, które możemy łatwo sprawdzić za pomocą jakiego kolwiek programu graficznego, nawet programu Paint. Aby nasza mapa działała, musimy ją oczywiście podpiąc pod obrazek, robimy to za pomocą atrybutu usemap="#nazwa_mapy". Kod przykładowej mapy odsyłaczy: