الصور في HTML

مع لغة الـ HTML يمكنك عرض الصور في صفحات الويب .

وسم الصور و سمة المصدر Src Attribute

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

الوسم <img> بهذا الشكل " فارغ " ، ذلك يعني أن محتوى الخاصية فقط و نهاية الوسم . و لعرض الصورة داخل صفحتك يجب عليك إستخدام سمة المصدر " src attribute " حيث أن src هي إختصار لـ "source" .

و القيمة التي تعطى لخاصية الـ src هي عبارة عن مسار " URL " الصورة التي تريد عرضها في صفحة الويب .

و الصيغة العامة لكود عرض الصور تأخذ الشكل التالي :

و الغرض من URL هو تحديد أين موقع تخزين الصورة ... على سبيل المثال الصورة " rahimo,gif " الموجودة في المجلد " images " على موقع " www.mrrahimo.org " يكون الـ URL لها هو:

http://www.mrrahimo.org/images/tiba.gif

المتصفح يقوم بعرض الصورة في المكان الموجود به وسم الصورة في ملف HTML ، فإذا قمت بوضع وسم الصورة بين فقرتين ، فإن المتصفح يعرض الفقرة الأولي ثم الصورة ثم الفقرة الثانية ... و بالمثل إذا قمت بوضع الصورة داخل خلية جدول سوف يقوم المتصفح بعرض الصورة وفقاً لمكان الخلية في الجدول .

السمة Alt

تستخدم الخاصية alt لتحديد النص البديل "alternate text" للصورة . و تكون الصيغة العامة للكود كما يلي :

الخاصية alt تخبر القارئ بالمعنى المراد من الصورة في حالة عجز المتصفح عن تحميل الصورة . حيث أن المتصفح سوف يعرض النص البديل عوضاً عن الصورة ، بالطبع تلك ميزة جيدة لتضمين خاصية alt لكل صورة في الصفحة ، و ذلك لتحسين عرض صفحتك و جعلها مفيدة للاشخاص التي تمتلك أو تقوم بإعداد المتصفحات لعرض الكتابة فقط .

وسوم الصور