IMG USEMAP ATTRIUNT CHINA RINK

الكاتب：Eve Cole وقت التحديث：2025-05-06 09:16:01

علامة IMG الخاصة بـ HTML: تحدد صورة سيتم تقديمها في صفحة ويب. كما أن لديها سمة usemap مثيرة للاهتمام للغاية.

انظر إلى خريطة على الصفحة الرئيسية 51ditu ، وخريطة للصين في الوسط. انقر بزر الماوس الأيمن لتنزيل صورة عادية ومشاهدة صورة عادية.

لكن النقر على المقاطعات على الخريطة يمكن أن تبدأ أحداثًا مختلفة (أو فتح روابط مختلفة) ، وهو أمر مثير للاهتمام للغاية. اتضح أن سمة usemap تستخدم.

بالطبع ، تحتاج أيضًا إلى تحديد علامة الخريطة. الكود بأكمله كما يلي:

<html> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = gbk"> <title> img usemap attribute </title> </head> <body> <img src = "http://img.vevb.com/maps/chinamap.gif <area mapple = "rect" coords = "73،87،103،104" href = "javaScript: ALERT ('xinjiang')"> <area lage = "rect" coords = "144،125،173،142" href = "javascript: enlert ('Qinghai') COVERS = "84،158،115،175" href = "javaScript: ALERT ('TiBet')"> <area mapple = "rect" coords = "220،90،257،105" href = "javaScript: ALERT ('inner mongolia') href = "javaScript: ALERT ('Heilongjiang')"> <area mase = "rect" coords = "346،68،371،83" href = "javaScript: alert ('jilin')> <area lage =" rect "coords =" 323،84،351،100 ". <area lesear = "rect" coords = "298،100،326،114" href = "javaScript: ALERT ('tianjin')"> <area rected = "rect" coords = "288،120،314،136" href = "javaScript: enviled ('shandong') href = "javaScript: ALERT ('hebei')"> <area mapple = "rect" coords = "207،116،235،130" href = "javaScript: alert ('ningxia')> <area lage =" rect "coords =" 186،162،214،179 شكل = "rect" coords = "256،142،281،157" href = "javaScript: ALERT ('Henan')> <area mapple =" rect "coords =" 305،144،332،159 "href =" javaScript: Alert ('jiangsu) COVERS = "320،162،342،177" href = "javaScript: Alert ('Shanghai')"> <area mase = "rect" coords = "216،168،243،185" href = "javaScript: ALERT ('chongqing')" href = "javaScript: ALERT ('hubei')")> <area mapple = "rect" coords = "283،161،308،177" href = "javaScript: alert ('anhui')> <area lage =" rect "coords =" 213،196،239،209 شكل = "rect" coords = "243،183،269،198" href = "javaScript: ALERT ('HUNAN')> <area mapple =" rect "coords =" 273،185،299،200 "href =" javaScript: alert ('jiangxi') href = "javaScript: ALERT ('Zhejiang')"> <area mapple = "rect" coords = "179،210،204،225" href = "javaScript: alert ('yunnan')" <area mapple = "rect" coords = "231،248،257،263" href = "javaScript: ALERT ('Hainan')"> <area lage = "rect" coords = "292،200،319،214" href = "javascript: enalert ('fujian") COVERS = "259،219،287،231" href = "javaScript: Alert ('Guangdong')"> <area mase = "rect" coords = "244،231،270،246" href = "javaScript: ALERT ('macau') href = "javaScript: ALERT ('Hong Kong')")> <area lage = "rect" coords = "311،228،338،243" href = "javaScript: alert ('taiwan')> <area lage =" rect "coords =" 272،90،302،107 "href = شكل = "rect" coords = "196،130،222،145" href = "javaScript: ALERT ('gansu')> <area mase =" rect "coords =" 246،116،272،30 href = "javaScript: ALERT ('Shaanxi)"> </map> </body> </html>

عدة معاني سمة لعلامة المنطقة في علامة الخريطة هي: http://www.w3school.com.cn/tags/tag_area.asp

سنلاحظ أيضًا سمة الشكل للمنطقة ، والتي يمكن اختيارها من المستطيلات والدوائر والمضلعات. من المهم بشكل خاص ملاحظة أنه يجب استخدام سمة التنسيق مع الشكل. الإحداثيات في الزاوية اليسرى العلوية من الصورة هي 0،0.