لا غنى عن الصور في عالم الويب فهي تضيف لمحات جمالية ومعلومات اضافية الى صفحات الويب. نستخدم ​العنصر <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 شعار">

guest
0 تعليقات
Inline Feedbacks
اظهر كل التعليقات