شرح صفوف ومحتوى الفقرة
نقوم بإنشاء صورة باستخدام عنصر <img>، ونضع مسار الصورة في خاصية [src]. ويجب اختيار صورة تحتوي على أكثر من عنصر يمكن التفاعل معه، مثل الصورة السابقة التي تحتوي على جهاز كمبيوتر، وهاتف، وفنجان قهوة.
خطوات بناء عنصر الصورة مع خريطة الصورة [image map]:
1. إضافة عنصر <img>.
2. إضافة خاصية [src]، لتحديد مسار الصورة.
3. إضافة خاصية [usemap] لربط الصورة بالمناطق المحددة [areas] الموجودة داخل عنصر <map>. اسم الخريطة يُحدد بواسطة خاصية [name] في عنصر <map> لربط الصورة بهذه المناطق وتوجيه الروابط بشكل صحيح.
Img Element
طريقة إضافة عنصر img.
HTML
<img>src attribute
إضافة خاصية src لتحديد مسار الصورة.
HTML
<img src="https://www.closetag.com/images/place.jpg">Usemap Attribute
إضافة خاصية usemap لربط الصورة بـ areas المناطق الموجودة داخل عنصر map وهو الاسم الذي يُحدد داخل خاصية name لعنصر map.
HTML
<img src="https://www.closetag.com/images/place.jpg" usemap="#image-map">