لا غنى عن الصور في عالم الويب فهي تضيف لمحات جمالية ومعلومات اضافية الى صفحات الويب. نستخدم العنصر <img> لاظهار الصور و الصفة src لاظهار عنوان/مصدر (source) الصورة. مثال:
<img src="https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg">
يوجد عدد من السمات التي توجد مع عنصر الصورة اهمها:
src
يستخدم لتحديد عنوان/مصدر الصورة
مثل ما ان لصفحة الويب عنوان يوجد للصور عنوان ايضا
height
تستخدم الخاصية height لتحديد ارتفاع الصورة
width
تستخدم الخاصية width لتحديد عرض الصورة
تشغيل<img src="https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg" height="50" width="50">
alt
يستخدم لاضافة معلومات اضافية نصية على الصورة وتظهر في صورة تلميح tooltip. واذا ظهر خطأ في عرض الصورة يتم اظهار النص، مثال:
تشغيل<img src="https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg" height="50" width="50">
في حالة اننا ادخلنا عنوان غير صحيح للصورة يظهر النص:
<img src="https://upload.go_and_wordmark.svg" alt="HTML5 شعار">
0 تعليقات