الوسم المستخدم لتضمين صورة في الموقع هو: ؟؟
الإجابة الصحيحة من خلال موقع بوابة الإجابات هي:
img
الوسم المستخدم لتضمين صورة في صفحات الويب (HTML) هو الوسم `
`.
كيف يعمل هذا الوسم؟
يُعتبر الوسم `` من الوسوم "الذاتية الإغلاق"، وهذا يعني أننا لا نحتاج لكتابة وسم إغلاق له (مثل ``)؛ بل نقوم بكتابة كل المعلومات التي نحتاجها لإظهار الصورة داخل الوسم نفسه باستخدام ما يسمى بـ "الخصائص" (Attributes).
أهم الخصائص التي يجب استخدامها مع الوسم:
- الخاصية `src` (اختصار لـ Source): هي أهم خاصية، ووظيفتها تحديد "مسار" أو "مكان" الصورة. بدون هذه الخاصية، لن يعرف المتصفح أي صورة يجب أن يعرض.
- الخاصية `alt` (اختصار لـ Alternative text): تُستخدم لكتابة "نص بديل" يصف الصورة. تكمن أهمية هذا النص في حالتين:
1. إذا لم تفتح الصورة بسبب ضعف الإنترنت أو خطأ في المسار، يظهر هذا النص للمستخدم ليعرف ماذا كان يوجد في الصورة.
- لمساعدة برامج "قارئ الشاشة" التي يستخدمها المكفوفون لوصف محتوى الصفحة لهم.
مثال عملي لتوضيح الفكرة:إذا أردنا إضافة صورة موجودة في نفس مجلد الموقع واسمها `school.jpg` ونريد وصفها بكلمة "مدرستي"، نكتب الكود كالتالي:
`
`
شرح مكونات المثال:
- `img`: هو الأمر الذي يخبر المتصفح "ضع صورة هنا".
- `src="school.jpg"`: أخبرنا المتصفح أن يبحث عن ملف اسمه `school.jpg` ليعرضه.
- `alt="مدرستي"`: أخبرنا المتصفح أنه في حال فشل عرض الصورة، اكتب كلمة "مدرستي".
اذا كان لديك إجابة افضل او هناك خطأ في الإجابة علي سؤال الوسم المستخدم لتضمين صورة في الموقع هو: ؟ اترك تعليق فورآ.
