المحتوى

• لتخطو
• نصائح

يشرح هذا المقال كيفية ضبط ارتفاع وعرض الصورة باستخدام HTML (لغة ترميز النص التشعبي).

• يشير "العرض" إلى عرض الصورة بالبكسل.
• يشير "الارتفاع" إلى ارتفاع الصورة بالبكسل.
• في HTML 4.01 ، يمكن تحديد الارتفاع بالبكسل أو بالنسب المئوية. في HTML5 ، يجب أن تكون القيمة بالبكسل.

لتخطو

1. قم بتحرير الملف الذي تريد عرض الصورة له. على سبيل المثال: default.html
2. أضف هذا السطر إلى البرنامج النصي الخاص بك
   • img src = "imagefile.webp" alt = "صورة" ارتفاع = "42" العرض = "42">
   • src هو مسار الملف لصورتك.
   • البديل هو التسمية التي تعطيها صورتك.
3. استبدل "الارتفاع" و "العرض" كما تريد ، على سبيل المثال الارتفاع = "19" العرض = "20"
4. احفظ الملف وافتح الملف باستخدام أي متصفح لرؤية التأثير. سمة "العرض" مدعومة في جميع المتصفحات الرئيسية مثل Google Chrome و Safari و Mozilla Firefox و Opera و Internet Explorer وما إلى ذلك.

نصائح

• حدد دائمًا سمات الارتفاع والعرض للصور. إذا تم تعيين الارتفاع والعرض ، فسيتم حجز المساحة المطلوبة للصورة عند تحميل الصفحة. ومع ذلك ، بدون هذه السمات ، لا يعرف المتصفح حجم الصورة ولا يمكن حجز مساحة مناسبة لها. تأثير ذلك هو أن تخطيط الصفحة يتغير أثناء التحميل (أثناء تحميل الصور).
• يؤدي تقليل حجم الصورة الكبيرة عن طريق ضبط ارتفاعها وعرضها إلى إجبار المستخدم على تنزيل الصورة الكبيرة (حتى لو كانت تبدو صغيرة على الصفحة). لتجنب ذلك ، تحتاج إلى إعادة قياس الصورة باستخدام برنامج قبل وضعها على الصفحة.