DONT ADD ANYTHING HERE!

color wheel
black rectangle
red circle area lime circle area blue circle area yellow circle area cyan circle area magenta circle area maroon circle area olive circle area green circle area teal circle area navy circle area purple circle area white circle area white area right white area bottom left white area middle right white area top right white area top left white area left middle black rectangle area

Example (code)

HTML

<div class="colorwheel setbackground">
    <img src="../images/myColorWheel2.png" alt="color wheel" usemap="#mywheelmap">
</div>
<div class="colorwheel">
    <img src="../images/myBlackRectangle2.png" alt="black rectangle" usemap="#myrectanglemap">
</div>

<map name="mywheelmap">

    <area shape="circle" coords="150,84,12" href="./red_properties_color_wheel.html"
        target="iframe_for_wheel" alt="red circle area">

    <area shape="circle" coords="208,183,12" href="./lime_properties_color_wheel.html"
        target="iframe_for_wheel" alt="lime circle area">

    <area shape="circle" coords="93,184,12" href="./blue_properties_color_wheel.html"
        target="iframe_for_wheel" alt="blue circle area">

    <area shape="circle" coords="209,118,12" href="./yellow_properties_color_wheel.html"
        target="iframe_for_wheel" alt="yellow circle area">

    <area shape="circle" coords="151,217,12" href="./cyan_properties_color_wheel.html"
        target="iframe_for_wheel" alt="cyan circle area">

    <area shape="circle" coords="93,117,12" href="./magenta_properties_color_wheel.html"
        target="iframe_for_wheel" alt="magenta circle area">

    <area shape="circle" coords="151,17,12" href="./maroon_properties_color_wheel.html"
        target="iframe_for_wheel" alt="maroon circle area">

    <area shape="circle" coords="266,83,12" href="./olive_properties_color_wheel.html"
        target="iframe_for_wheel" alt="olive circle area">

    <area shape="circle" coords="266,217,12" href="./green_properties_color_wheel.html"
        target="iframe_for_wheel" alt="green circle area">

    <area shape="circle" coords="150,283,12" href="./teal_properties_color_wheel.html"
        target="iframe_for_wheel" alt="teal circle area">

    <area shape="circle" coords="35,217,12" href="./navy_properties_color_wheel.html"
        target="iframe_for_wheel" alt="navy circle area">

    <area shape="circle" coords="35,85,12" href="./purple_properties_color_wheel.html"
        target="iframe_for_wheel" alt="purple circle area">

    <area shape="circle" coords="152,148,49" href="./white_properties_color_wheel.html"
        target="iframe_for_wheel" alt="white circle area">
    <area shape="poly"
        coords="172,291,167,275,163,255,164,235,174,225,183,217,192,214,205,207,217,214,230,220,240,223,247,230,253,235,258,238,259,245,270,236,277,237,281,245,296,244,296,297,267,299,214,299,191,294,239,297,205,299"
        href="./white_properties_color_wheel.html" target="iframe_for_wheel"
        alt="white area right">

    <area shape="poly"
        coords="52,225,66,208,84,200,101,204,113,214,121,231,127,263,129,283,128,296,92,297,67,299,39,299,26,299,13,295,0,263,15,248,31,239"
        href="./white_properties_color_wheel.html" alt="white area bottom left"
        target="iframe_for_wheel">

    <area shape="poly"
        coords="227,171,221,144,235,125,258,109,283,107,296,123,299,149,298,164,297,176,296,192,289,200,251,188"
        href="./white_properties_color_wheel.html" alt="white area middle right"
        target="iframe_for_wheel">

    <area shape="poly"
        coords="174,81,167,56,170,34,177,14,195,8,214,8,234,9,255,9,266,10,274,17,275,35,271,47,265,56,251,64,240,72,231,82,210,90,186,86"
        href="./white_properties_color_wheel.html" target="iframe_for_wheel"
        alt="white area top right">

    <area shape="poly"
        coords="108,5,121,19,128,45,124,58,115,76,102,82,82,83,60,77,41,66,24,58,5,33,5,15,46,3"
        href="./white_properties_color_wheel.html" target="iframe_for_wheel"
        alt="white area top left">

    <area shape="poly"
        coords="7,97,26,102,44,111,59,120,67,133,72,148,74,160,68,168,52,179,42,185,28,191,14,191,4,179,1,147"
        href="./white_properties_color_wheel.html" target="iframe_for_wheel"
        alt="white area left middle">
</map>

<map name="myrectanglemap">
    <area shape="rect" coords="11,15,305,50" href="./black_properties_color_wheel.html"
        target="iframe_for_wheel" alt="black rectangle area">
</map>

<div>
    <iframe title="iframe for wheel" src="./white_properties_color_wheel.html"
    name="iframe_for_wheel" sandbox>
    </iframe>
</div>