انتقل إلى محتوى الدرس

Images Syntax in HTML طريقة إضافة الصور في لغة HTML

في هذا الدرس، ستتعلم كيفية التعامل مع الصور في HTML، بما في ذلك كيفية بناء الجملة لإضافة الصور وخصائصها مثل [src] و [alt] و [title]، ومعرفة الفرق بينها، بالإضافة إلى ضبط أبعاد الصور واستخدامها كرابط واضافة الصور المتحركة. سنستعرض أيضاً عنصر <picture> وكيفية استخدامه بفعالية.
1 صفوف تعليمية
لغة HTML
35,376 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
[<img>] هو العنصر المسؤول عن إضافة الصور لصفحات الويب باستخدام لغة HTML. عند استخدام هذا العنصر، نقوم بإرشاد المتصفح إلى مكان تخزين الصورة باستخدام خاصية [src] لربطها بالصفحة. في الاستخدام المعتاد يُحفظ ملف الصورة منفصلًا، ويحمله المتصفح من عنوانه ثم يعرضه. ويمكن تضمين بيانات الصورة في عنوان data، لذلك فصل الملف ليس شرطًا مطلقًا.

نستخدم في الأمثلة التمهيدية الخاصيتين: خاصية [src]، التي تحدد مسار الصورة، وخاصية [alt]، التي تقدم نصًا بديلاً يظهر في حالة عدم تحميل الصورة بنجاح.

Img Element Syntax

طريقة كتابة عنصر <img> لإضافة الصور داخل صفحة الويب.

HTML
<img>