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