مثال
صورة مع ارتفاع وعرض 42 بكسل:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42">
انها محاولة لنفسك » و width تحدد السمة عرض صورة بالبكسل.
تلميح: دوما تحديد كلا من height و width سمات الصور.إذا تم تعيين الطول والعرض، يتم حجز المساحة المطلوبة للصورة عندما يتم تحميل الصفحة. ومع ذلك، من دون هذه الصفات، والمتصفح لا يعرف حجم الصورة، ولا يمكن حجز المساحة المناسبة له. وسوف يكون التأثير أن تخطيط الصفحة سوف تتغير خلال تحميل (في حين تحميل الصور).
نصيحة: تقليص حجم صورة كبيرة مع ارتفاع وسمات العرض يجبر المستخدم لتحميل صورة كبيرة (حتى لو أنها تبدو صغيرة على الصفحة).لتجنب هذا، إعادة مقياس الصورة مع البرنامج قبل استخدامه على صفحة.
دعم المتصفح
| السمة | |||||
|---|---|---|---|---|---|
| width | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
الخلافات بين HTML 4.01 و HTML5
في HTML 4.01، يمكن تحديد العرض بالبكسل أو بالنسبة المئوية للعنصر يحتوي على. في HTML5، يجب أن تكون قيمة بالبكسل.
بناء الجملة
<img width="pixels">
السمة القيم
| القيمة | وصف |
|---|---|
| pixels | عرض بالبكسل (على سبيل المثال width="100" ) |