المحتوى

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

ستوضح لك هذه المقالة كيفية تعيين ارتفاع وعرض الصورة بتنسيق HTML.

• تحدد سمة "العرض" عرض الصورة (بالبكسل).
• تحدد سمة "الارتفاع" ارتفاع الصورة (بالبكسل).
• في HTML4.01 ، يمكن تعيين الارتفاع بالبكسل أو كنسبة مئوية ، ولكن في HTML5 ، بالبكسل فقط.

خطوات

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

نصائح

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