באפשרותך לשנות את גודל התמונה המוצגת בדף על ידי ציון התכונות המתאימות לתג
שאחראית על הצגת הגרפיקה בדף ה- HTML. הגדלה או הקטנה נעשית באמצעות מאפייני רוחב וגובה.
הכנס תמונה
לפני העריכה, הוסף תמונה לדף על ידי ציון תגים
… כדי לערוך מסמך HTML, עליך לפתוח את הדף בכל עורך טקסט. לחץ לחיצה ימנית על הקובץ ובחר במאפיין "פתח באמצעות" - "פנקס רשימות". אתה יכול גם לציין כל עורך אחר שנוח לך יותר לשימוש לשינוי הקוד.
עבור לקטע המסמך ומצא את התג
… אם התמונה טרם נוספה לדף, הזן את הקוד הבא:
הנתיב לקובץ התמונה יכול להיות יחסי או מוחלט. התכונה alt="תמונה" אחראית לשם התמונה ולהוספת כיתוב אליה, שיוצג כאשר מצביע העכבר מעל התמונה.
שינוי גודל
להגדלת התמונה, הגדר את פרמטרי הרוחב והגובה המתאימים לה על ידי הוספת תכונות לתג התמונה:
פרמטר הרוחב תואם את רוחב התמונה, והגובה מכיל את מחוון גובה התמונה. במקרה זה, כאשר הדף נפתח, תוצג בחלון הדפדפן תמונה ברוחב 300 פיקסלים ובגובה 350 פיקסלים. ניתן גם להוסיף את התכונות hspace ו- vspace כדי לשנות את הגדרות העיצוב בדף:
במתאר זה צוינו שוליים אופקיים (hspace) ואנכיים (vspace) מהתמונה. כל טקסט שנוסף לעמוד יונח על פני 5 פיקסלים אופקית מהתמונה ו -10 פיקסלים אנכית. מאפיין הגבול אחראי ליצירת גבול של 1 פיקסל סביב התמונה.
יש לציין כי ניתן להגדיר את גודל התמונה לא רק בפיקסלים, אלא גם כאחוז יחסית לגודל חלון הדפדפן. לדוגמה:
כתוצאה מעבודת קוד זה התמונה תמתח לכל רוחב החלון. ראוי לציין שהתמונה במקרה זה עלולה להתעוות. התצוגה המוגדלת של התמונה תלויה באיכות התמונה עצמה.
שמור את השינויים שבוצעו באמצעות הפונקציה "קובץ" - "שמור" בחלון "פנקס רשימות". בדוק את תצוגת התמונה בחלון הדפדפן על ידי פתיחת קובץ ה- HTML על ידי לחיצה ימנית ובחירה באפשרות "פתח באמצעות". ברשימת האפשרויות המוצעות בחר בתוכנית בה אתה משתמש לגלישה באינטרנט. באפשרותך לערוך את קובץ ה- HTML בכל מספר פעמים כדי להתאים את גודל התמונה.
