وسم ادراج صورة ( <img> ):
هو وسم يساعدك على ادراج الصور، ليس له وسم نهاية، وإنما لا يعمل إلا بوجود خاصية المصدر SRC، الذي يستخدم لتحديد مكان وجود الصورة.
مثال:
<"img src="c:/desktop/html.png>
Img: وسم ادراج صورة في صفحات الويب
Src: خاصية مصدر الصورة، وتتبعها إشارة المساواة ( = )
"c:/desktop/html.png": مكان وجود الصورة، حيث أن الصورة توجد على مشغل الأقراص C، وعلى مجلد سطح المكتب desktop، واسم الصورة هو html ونوع الصورة png.
لاحظ أن مصدر الصورة يتم وضعه بين علامتي تنصيص.
أما إذا كانت الصورة موجودة في نفس المجلد الخاص بصفحات الويب نضع اسمها مع نوعها دون ذكر مكان التخزين الخاص بها.
مثال:
<"img src="html.png>
خصائص الصور:
عند ادراج صورة إلى متصفح الإنترنت فإنك تحتاج لتعديل بعض خصائصها ( الطول، العرض، وجود اطار وغيرها) ومن هذه الخصائص:
- خاصية المصدر src:
تحديد مكان الصورة، تستخدم بداخل الوسم img، حيث أن الوسم لا يعمل بدونها، ويمكن تحديد المصدر بإستخدام عنوان الصورة على شبكة الويب بإستخدام رابطها الإلكتروني (URL).
- خاصيتا الارتفاع والعرض:
مثال على استخدام البكسل px: إذا أردنا تغيير عرض الصورة إلى 100px وإرتفاعها إلى 200px.
<"img src="html.png" height="100px" width="200px>
مثال على استخدام النسبة المئوية:
<%"img src="html.png" height= "20"% width="10>
ملاحظة:
في حال تحديد احدى الخاصيتين: الطول أو العرض فقط، ستحدد الخاصية الأخرى تلقائيًا بما يتناسب مع أبعادها الأصلية.