الدرس 2 من 8
روابط وصور
- 8 دقائق
- 4 معايير للتصحيح
- 3 تلميحات
- إلى المطلوب
هدف الدرس
الوسوم ذات الخصائص
01
الشرح
بعض الوسوم تحتاج معلومات إضافية تُكتب داخل الوسم نفسه وتسمّى خصائص. الرابط يحتاج وجهة، والصورة تحتاج مصدرًا.
<a href="...">نص الرابط</a> و <img src="..." alt="...">
خاصية alt ليست اختيارية: هي ما يقرأه قارئ الشاشة للكفيف، وما يظهر لو تعذّر تحميل الصورة.
02
المطلوب
أضف رابطًا لموقع تحبّه، وصورة لها نص بديل يصفها.
معايير التصحيح
4 معايير- يوجد رابط a له href يبدأ بـ http
- نص الرابط غير فارغ
- يوجد صورة img لها مصدر src
- للصورة نص بديل alt وصفي (أكثر من كلمة)