كيفية ضبط عرض وطول صورة باستخدام لغة إتش تي إم إل

تنزيل المقال

تنزيل المقال

تحدد خصائص الطول والعرض في لغة إتش تي إم إل حجم الصورة بوحدة البكسل، علمًا بإمكانية تحديد الطول بوحدة البكسل أو بالنسبة المئوية من العنصر المحتوي على الصورة في لغة إتش تي إم إل 4.01، بينما يجب أن تكون القيمة بوحدة البكسل في لغة إتش تي إم إل 5. ستتعرف في هذا المقال على كيفية تحديد حجم صورة في لغة إتش تي إم إل.

الخطوات

تنزيل المقال

1. 
   1
   افتح مستند إتش تي إم إل باستخدام محرّر نصوص. يحتوي نظامي التشغيل ويندوز وماكنتوش على محرّرات نصوص افتراضية مضمنة مثل المفكرة وتيكست إيديت، ويمكنك استخدام هذه البرامج الافتراضية لإنشاء وتحرير رموز إتش تي إم إل. يمكنك فتح مستند إتش تي إم إل من داخل البرنامج عن طريق النقر على خيار فتح من القائمة ملف أو النقر بزر الفأرة الأيمن على الملف في متصفح الملفات واختيار فتح بواسطة….
2. 
   2
   أضِف السطر التالي إلى الرموز البرمجية. <img src="imagefile.jpg" alt="How.com.vn العربية: Image" height="42" width="42">

   • يمثل src مسار ملف الصورة.
   • يمثل alt وسم الصورة.
   • لاحظ أن الأرقام المكتوبة بوحدة البكسل.
   • يمكنك أيضًا استخدام وسم الشكل style. سيكون الكود المكتوب على النحو التالي مثلًا: <img src="imgfile.jpg" alt="How.com.vn العربية: Image" style="width:500px;height:600px;"> حيث يعمل وسم style على ضمان بقاء الصورة بنفس الحجم وتجاوز كل أوامر التعامل مع الصور الأخرى.
3. 
   3
   غيّر قيمتي الطول height والعرض width. يمكنك مثلًا الحصول على صورة بنصف حجم الصورة الأصلية عن طريق إدخال القيمة 21 في خاصيتي الطول height والعرض width.
4. 
   4
   احفظ الملف وافتحه باستخدام أي متصفح إنترنت للاطلاع على الناتج. يمكنك تكرار الخطوات السابقة إن لم يعجبك حجم الصورة النهائي.

أفكار مفيدة

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