تحدد خصائص HTML Height و Width حجم الصورة بالبكسل. في HTML 4.01، يمكن تحديد الطول بالبكسل أو بالنسبة المئوية للعنصر الذي يحتوي على الصورة. في HTML، يجب أن تكون القيمة بالبكسل. 5. في هذه المقالة سوف تتعلم كيفية تحديد حجم الصورة في HTML.
خطوات
1 افتح مستند HTML باستخدام محرر نصوص. يحتوي كل من Windows و Macintosh على برامج تحرير نصية افتراضية مضمنة مثل Notepad و TextEdit. يمكنك استخدام هذه البرامج الافتراضية لإنشاء كود HTML وتحريره. يمكنك فتح مستند HTML من داخل البرنامج بالنقر فوق “فتح” في قائمة “ملف” أو النقر بزر الماوس الأيمن فوق الملف في مستعرض الملفات وتحديد “فتح باستخدام …”.
2 أضف السطر التالي إلى التعليمات البرمجية الخاصة بك.
- src هو مسار ملف الصورة.
- يمثل alt علامة الصورة.
- لاحظ أن الأرقام المكتوبة بالبكسل.
- يمكنك أيضًا استخدام علامة النمط. على سبيل المثال، سيكون الرمز
مكان عمل علامة النمط تأكد من أن الصورة تظل بالحجم نفسه وتجاوز جميع أوامر معالجة الصور الأخرى. X موارد البحث
3 قم بتغيير قيم الطول والعرض. على سبيل المثال، يمكنك الحصول على صورة نصف حجم الصورة الأصلية عن طريق إدخال القيمة 21 في خصائص الارتفاع والعرض.
4 احفظ الملف وافتحه بأي متصفح إنترنت لعرض المخرجات. يمكنك تكرار الخطوات السابقة إذا لم تكن راضيًا عن حجم الصورة النهائي. X موارد البحث
أفكار مفيدة
- حدد خصائص الارتفاع والعرض للصور دائمًا، حيث يتم حفظ المساحة المطلوبة للصورة على الصفحة أثناء تحميل الصفحة عند تحديد هاتين الخاصيتين، بينما يؤدي عدم تحديدهما إلى عدم معرفة المستعرض لحجم الصورة وعدم قدرته لتوفير المساحة المناسبة لها، الأمر الذي سيؤدي إلى تغيير في شكل الصفحة أثناء عملية التحميل (أثناء تنزيل الصور).
- يؤدي تقليل حجم الصورة الكبيرة باستخدام خصائص الارتفاع والعرض إلى إجبار المستخدم على تنزيل الصورة الكبيرة (حتى إذا كانت الصورة تظهر صغيرة على الصفحة) ؛ يمكنك تجنب ذلك باستخدام برنامج خارجي قبل استخدامه.