سمات الصور
جزء من قسم Fundamentals في رحلة HTML على Coddy. الدرس 24 من 60.
لنستكشف بعض السمات الإضافية لتحسين صورك:
alt: توفّر نصًا بديلًا إذا لم يتم تحميل الصورة.widthوheight: تتحكمان في حجم الصورة بالبكسل.
إليك مثالًا:
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />يعيّن هذا مصدر الصورة، ويوفّر وصفًا لها، ويحدّد حجمها بـ 600x400 بكسل. أدرج alt دائمًا لإتاحة الوصول، واستخدم الأبعاد للحفاظ على اتساق التصميم.
التحدي
سهلأضف السمات التالية إلى الصورة:
alt: "A beautiful bird"width: "400"height: "250"
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<img src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Baya_Weaver_in_Bhigwan_August_2025_by_Tisha_Mukherjee_04.jpg?utm_source=commons.wikimedia.org&utm_campaign=index&utm_content=original">
</body>
</html>
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Fundamentals
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Header
قسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footerتدرّب بنفسك: Playground لـ Web