תוֹכֶן

• צעדים
• טיפים

מאמר זה יראה לך כיצד להגדיר את הגובה והרוחב של תמונה ב- HTML.

• המאפיין "רוחב" קובע את רוחב התמונה (בפיקסלים).
• המאפיין "גובה" קובע את גובה התמונה (בפיקסלים).
• ב- HTML4.01, ניתן להגדיר את הגובה בפיקסלים או באחוזים, אך ב- HTML5, רק בפיקסלים.

צעדים

1. 1 פתח את קובץ ה- HTML. לדוגמה, פתח את הקובץ default.html.
2. 2 הוסף את השורה הבאה לקוד ה- HTML שלך.
   • img src = "imagefile.webp" alt = "תמונה" גובה = "42" רוחב = "42">
   • src מכיל את הנתיב לקובץ הגרפי (תמונה).
   • ב- alt, גודל התמונה נקבע.
3. 3 החלף את ערכי תכונות הגובה והרוחב בערכים הרצויים שלך. לדוגמה, כך: גובה = "19" רוחב = "20"
4. 4 שמור את הקובץ ופתח אותו בכל דפדפן אינטרנט. בצע זאת כדי לבדוק את גודל התמונה. המאפיין "רוחב" נתמך על ידי כל הדפדפנים הגדולים (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

טיפים

• הגדר תמיד את גובה ורוחב התמונה. כך שכאשר הדף נטען, מקום שמור לתמונה. אחרת, הדפדפן לא יידע את גודל התמונה ולא ישמור מקום, מה שיגרום לפריסת הדף להשתנות ככל שהעמוד נטען.
• אם גודל התמונה הגדולה מצטמצם באמצעות התכונות "גובה" ו"רוחב ", המשתמש יטען את התמונה הגדולה (גם אם היא נראית קטנה בדף). לכן אנו ממליצים לשנות את גודל התמונה תחילה בעורך גרפי.