سمات الصور
جزء من قسم 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"
ورقة مرجعية
استخدم سمات إضافية لتحسين صورك:
alt: يوفر نصاً بديلاً إذا لم يتم تحميل الصورةwidthوheight: يتحكمان في حجم الصورة بالبكسل
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />قم دائماً بتضمين alt من أجل إمكانية الوصول واستخدم الأبعاد للحفاظ على اتساق التصميم.
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<img src="https://4.img-dpreview.com/files/p/E~TS590x0~articles/3925134721/0266554465.jpeg">
</body>
</html>
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Fundamentals
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Header
قسم تفاصيل الفعاليةنموذج التسجيلقسم الـ Footer