HTML Images

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

مثال

صيغة صور HTML

تُستخدم علامة HTML <img> لتضمين صورة في صفحة ويب.

لا يتم إدراج الصور تقنيًا في صفحة الويب ؛ الصور مرتبطة بصفحات الويب. تنشئ علامة <img> مساحة تعليق للصورة المشار إليها.

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

تحتوي العلامة <img> على سمتين مطلوبتين:

src - تحدد المسار إلى الصورة

بديل - يحدد نصًا بديلًا للصورة

بناء الجملة

سمة src

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

ملاحظة: عند تحميل صفحة ويب ؛ المتصفح ، في تلك اللحظة ، هو الذي يحصل على الصورة من خادم ويب ويدرجها في الصفحة. لذلك ، تأكد من بقاء الصورة بالفعل في نفس المكان بالنسبة إلى صفحة الويب ، وإلا سيحصل زوارك على رمز ارتباط معطل. يظهر رمز الارتباط المعطّل والنص البديل إذا لم يتمكن المستعرض من العثور على الصورة.

مثال

سمة alt

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

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

مثال