الصورة العامة لإضافة صورة

خصائص الصورة

الصورة العامة لإضافة صورة

تعتبر الصور من أهم محتوى المواقع للتعبير عن محتوى المادة المعروضة، وكذلك لعرض تصميم الموقع بأجمل شكل. ويمكن إضافة الصورة في صفحة الويب بواسطة الرمز او الكود <img>.

هنا مثال على إضافة صورة:

<img src=”photo.jpg”>

من خلال المثال أعلاه قمنا بكتابة الرمز <img> والذي يعني اننا سنضيف صورة ضمن صفحة الويب ثم أضفنا داخله الرمز src والذي يعني مصدر أو مكان الصورة واسمها، واسم الصورة هو photo.jpg لاحظ أننا اضفنا اسم الصورة مع الامتداد الأخير وهو مهم جدا نظرا لتعدد أنواع الصور والامتداد الخاص بها.

خصائص الصورة

بالتأكيد لكل صورة خصائص معينة على سبيل المثال الطول والعرض والتعريف بالصورة. وهنا بعض الخصائص للصورة:

• خاصية الطول وهنا يتم تحديد مقاس الطول للصورة ويتم تعريفة بـ height.
• خاصية العرض وهنا يتم تحديد مقاس العرض للصورة ويتم تعريفه بـ width.
• خاصية الوصف وهنا يتم إضافة وصف للصورة علماً ان الوصف لا يظهر ولكنه مفيد لمحركات البحث وأيضا في حال عدم ظهور الصورة سيظهر الوصف ويتم تعريف الوصف بـ Alt.

مثال:

<img src="/photo.jpg" width="200" height="100" alt="Here discribe your Photo">

قمنا في المثال أعلاه بإضافة صورة تحمل اسم photo.jpg وحددنا خاصية العرض وهي 200 بكسل وكذلك حدد خاصية الطول 100 بكسل وأضفنا وصف أيضا داخل alt.