دورة html شرح الصور images

دورة html شرح الصور images

دورة html شرح الصور images

دورة html شرح الصور images

كلمنا النهاردة عن وسم مهم جدا لا يخلو منه اى موقع او مجلة او موقع اخبارى او مدونة وهو وسم الصور images

ازاى استدعى صورة , ازاى اضيف صورة للتصميم , اية هى الخواص الخاصة بالصورة attributes

لإستدعاء أو اضافة صورة للتصميم او للصفحة نستخدم هذا الوسم

    <img src="" alt="" />

والان لشرح خصائص هذا الوسم نبدا بشرح أول سمة وهى

    src="https://www.artscss.com/logo.png"

وداخلها نقوم بكتابة رابط الصورة سؤاء على الجهاز أو موقع على شبكة الأنترنت

اذا كانت الصورة فى نفس مستوى ملف الرئيسية تكتب اسم الصورة مباشرة

اذا كانت الصورة فى مجلد يكتب اسم المجلد متبوع باسم الصورة

اذا كانت الصورة فى مستوى مجلد اعلى نستخدم .. للرجوع خطوة للخلف

ثانى سمة هى

    alt="وصف الصورة الذى يظهر  ويساهم فى الارشفة"

وهى جزء مهم جدا جدا جدا جدا فى ارشفة الصورة وصداقة محركات البحث seo

دورة html شرح الصور images

ولابد من الاهتمام بهذة السمة وعدم إهمالها لاهميتها فى الارشفة الخاصة بالصور داخل الموضوع

دورة html شرح الصور images

من الامور الهامة فى موضوع استخدام الصور بالموقع والتصميم لابد من تصغير حجم الصورة لسرعة الموقع و هو عنصر هام فى الارشفة

image optimizer and compress

الى اللقاء فى الدرس القادم وهو الحديث عن الروابط داخل الصفحة واهم السمات او الخصائص الخاصة به

دورة html مقدمة introduction
html images