الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h2>The Solar System</h2> <p>You can click on the planets!</p> <!-- "demomap" مع تحديد أنها تستخدم خريطة إسمها <img> هنا قمنا بإضافة صورة بواسطة الوسم --> <img src="/tutorials/html/tags/area/solar-system.PNG" width="254" height="254" alt="Solar System" usemap="#demomap"> <!-- التي تستخدمها الصورة "demomap" هنا قمنا بتعريف الخريطة --> <map name="demomap"> <!-- موضوع في هذه الخريطة يشير لمكان وجود كوكب من الكواكب الظاهرة في الصورة <area> كل وسم --> <area shape="circle" coords="0,127,63" alt="Sun" href="/tutorials/html/tags/area/sun.html"> <area shape="circle" coords="91,132,9" alt="Mercury" href="/tutorials/html/tags/area/mercury.html"> <area shape="circle" coords="128,132,20" alt="Venus" href="/tutorials/html/tags/area/venus.html"> <area shape="circle" coords="176,132,23" alt="Earth" href="/tutorials/html/tags/area/earth.html"> <area shape="circle" coords="226,135,17" alt="Mars" href="/tutorials/html/tags/area/mars.html"> </map> </body> </html>