في لغة ترميز النص التشعبي (HTML) ، يتم استخدام أمر خاص "علامة" لعرض صورة على الصفحة. يشار إلى هذه العلامة باسم img وتحتوي على مجموعة من المتغيرات - "السمات". بمساعدة السمات ، يمكنك تحديد جميع جوانب عرض الصورة في صفحة نص تشعبي ، بما في ذلك أبعادها. ومع ذلك ، فهذه ليست الطريقة الوحيدة لحل المشكلة - يمكنك أيضًا تقليل حجم الصورة باستخدام Cascading Style Sheets (CSS).
تعليمات
الخطوة 1
ضع سمات الطول والعرض في العلامة المسؤولة عن عرض الصورة المطلوبة. اضبط الأول على الحجم الرأسي للصورة ، والثاني أفقيًا. عيّن كلا الرقمين بالبكسل ، لكن ليست هناك حاجة للإشارة إلى الوحدات - بكسل - هنا. عند حساب القيم اللازمة لهذه السمات ، انتبه إلى مراعاة نسب تصغير الصورة ، وإلا فسيتم عرضها بشكل مشوه. على سبيل المثال ، لوضع صورة نصفية في صفحة من ملف يسمى SomePic.
الخطوة 2
يمكنك تعيين التخفيض النسبي لأبعاد الصورة الأصلية بالنسبة المئوية. للقيام بذلك ، استخدم سمة الارتفاع فقط دون تحديد العرض ، وأضف علامة النسبة المئوية بعد تحديد الرقم الذي يحدد الحجم. على سبيل المثال ، يمكنك تحقيق نفس التأثير كما في المثال من الخطوة السابقة بعلامة مكتوبة بهذا الشكل:
الخطوه 3
إذا كنت تريد تحديد حجم الصورة باستخدام وصف الأنماط ، فاستخدم نفس اسم العلامة - img - والسمات - العرض والارتفاع. في هذه الحالة ، يجب دائمًا تحديد وحدات القياس - px أو pt أو٪ -. لتعيين حجم كل الصور على الصفحة إلى النصف تمامًا ، ضع الإدخال التالي في قالب وصف النمط: img {height: 50٪؛} إذا كنت بحاجة إلى تقليل حجم صورة واحدة فقط ، فأضف سمة معرف إضافية إلى علامته وتعيينه فريدًا لصور قيمة هذه الصفحة - على سبيل المثال ، PicOne: أضف نفس القيمة إلى سجل النمط ، وفصلها بعلامة "التجزئة" # من اسم العلامة. قد يبدو وصف النمط الكامل في هذه الحالة كما يلي: img # OnePic {height: 50٪؛}
