صور HTML

 

يمكن للصور تحسين تصميم ومظهر صفحة الويب.

<img src="/images/Logo.png" alt="دروس">

دروس


 

كيفية ادراج الصور في HTML

في HTML يتم ادراج الصور بالوسم <img>

الوسم<img>  فارغ يحتوي على سمات فقط  بدون علامة إغلاق.

تحدد السمة src عنوان URL (عنوان الويب او المسار) للصورة.

<img src="url">

 


 

السمة alt

توفر السمة alt نصًا بديلاً لصورة ما إذا كان المستخدم لسبب ما لا يمكنه عرضها بسبب بطء الاتصال أو خطأ في سمة src أو إذا كان المستخدم يستخدم قارئ شاشة.

يجب أن تصف قيمة السمة alt الصورة:

<img src="/images/Logo.png" alt="موقع دروس">

إذا تعذر على المستعرض العثور على صورة فسيعرض قيمة السمة alt

<img src="/images/Logowrong.png" alt="موقع دروس">

موقع دروس

ملاحظة: سمة alt مطلوبة لن يتم التحقق من صحة صفحة الويب بشكل صحيح بدونها.


 

حجم الصورة - العرض والارتفاع

يمكنك استخدام سمات العرض  width والارتفاع: height

<img src="/images/Logo.png" width="200" height="100">

تحدد سمات العرض والارتفاع دائمًا عرض الصورة وارتفاعها بالبيكسل.

 

 

 

دروس لغة Html اخرى