( يستخدم وسم imgلإضافة الصور الى صفحة الويب صح أم خطأ )
وسم img
يستخدم وسم img لإضافة الصور إلى صفحات الويب، وهو عنصر فارغ لا يحتوي على محتوى نصي، ويتم استخدامه حصريًا لعرض الصور. ويحدد سمة src التي تشير إلى موقع الصورة على خادم الويب.
السمات
يحتوي وسم img على العديد من السمات التي يمكن استخدامها للتحكم في مظهر الصورة وسلوكها:
- src: يحدد مسار واسم الصورة التي سيتم عرضها.
- alt: يحدد نصًا بديلًا يتم عرضه إذا تعذر تحميل الصورة.
- width: يحدد عرض الصورة بالبكسل.
- height: يحدد ارتفاع الصورة بالبكسل.
- title: يضيف نص تلميح يظهر عند تمرير مؤشر الماوس فوق الصورة.
تعيين أبعاد الصورة
من المهم تحديد أبعاد الصورة باستخدام سمات width و height، حيث يساعد ذلك المتصفح على تخصيص مساحة للصورة أثناء تحميلها، مما يمنع حدوث انتقال الصفحة أثناء تحميل الصورة.
النص البديل
يجب دائمًا توفير نص بديل باستخدام سمة alt، ويكون هذا النص البديل بديلًا نصيًا للصورة ويتم عرضه إذا تعذر تحميل الصورة، وهو مهم لإمكانية الوصول أيضًا، حيث يوفر وصفًا للصورة لمستخدمي برامج قراءة الشاشة.
تظبيط الصورة
يمكن تظبيط الصورة باستخدام سمة style، على سبيل المثال، يمكن ضبط الصورة على أن تكون معرضة على اليمين باستخدام style=”float: right”.
تخزين الصور
تُخزن الصور عادةً في مجلد images داخل مجلد جذر موقع الويب، ويجب استخدام مسار نسبي للإشارة إلى موقع الصورة من صفحة الويب التي يتم استخدام وسم img فيها.
مثال على الاستخدام
فيما يلي مثال على استخدام وسم img:
“`html
“`
الخلاصة
وسم img هو أداة قوية لإضافة الصور إلى صفحات الويب، ومن خلال فهم سماته الأساسية وتطبيقاته، يمكن للمطورين استخدام وسم img بشكل فعال لإنشاء صفحات ويب مرئية وجذابة.