الكاتب
HTML – 5
** <IMG> وسم مفرد ، يستخدم في إضافة أو تعريف صورة داخل صفحة الويب ، يضاف
إليه الخاصية SRC لتحديد موقع وإسم الصورة
.
** ملحوظة ** لو كتبت إسم الصورة
فقط فيفترض أن الصورة موجودة في نفس الدليل الفرعي أو المجلد حيث يوجد ملف HTML ، لكن الصورة لو وجدت في
مجلد متفرع عن مجلد HTML يكتفى بكتابة إسم المجلد
الفرعي ثم إسم الصورة بدون الحاجة لكتابة عنوان المسار كاملا ، أما إذا كانت
الصورة موجودة في مجلد والمجلد الخاص ب HTML بنفس المستوى أي أنهما متجاورين فهنا نكتب ( نقطتين ) للخروج من
المجلد الفعري الحالي الخاص ب HTML ونكتب إسم المجلد الجديد
متبوعاً باسم الصورة كالتالي :
<Img
Src=”..\image\ali.jpg”>
** من الأسهل كتابة المسار كاملا لأي حالة
من حالات تواجد الصورة .
** الأبعاد الأساسية للصورة يمكن التحكم
بها بإستخدام الخصائص Width , Height متبوعة بأرقام تمثل الإرتفاع والعرض المطلوبين وذلك بوحدة تسمي Pixel .
** الخاصية Alt ** تأتي مع الوسم <img> وتستخدم في إظهار نص بديل يظهر مكان الصورة
، عندما يكون خيار " إظهار الصور تلقائياً " غير فعال في المتصفح ،
وتستطيع ملاحظته في الفترة التي تسبق تحميل الصور وخاصة في المواقع البطئية
التحميل .
** الخاصية Align ** تستخدم لتحديد محاذاه الصورة مع النص المرافق لها ، بمعني تحديد موقع
النص الذي يليها وتأخذ القيم (Top-Bottom-Middle-Right-Left) .
لمشاهدة الفيديو من هنا
لتحديد المسافة الفاصلة بينها وبين النص
الذي بجوارها بإستخدام الخصائص :
** VSpace ** تحديد المسافة
العمودية الفاصلة بين النص والحافتين العليا والسفلى للصورة .
** HSpace ** تحديد المسافة الأفقية
الفاصلة بين النص والحافتين اليمنى واليسري للصورة .
** Border ** تستخدم لإضافة إطار حول الصورة والتحكم بسمكة ، والقيمة الإفتراضية هي
0 أي لا يوجد إطار
