התמונה לא רק מוכנסת ישירות לטקסט. לדפדפן נאמר את שמו ומנחה היכן וכיצד למקם אותו על המסך. כדי לעשות זאת, השתמש בתג HTML אחד img. זה מציין את המיקום של האובייקט הגרפי בדף האינטרנט.
אם תכונות רבות הן אופציונליות עבור תגיות, אז לתג img חייב להיות לפחות פרמטר אחד - כתובת התמונה. תכונה זו נקראת src:
- - זה יציג את הקובץ goat-j.webp" />
- - עם פרמטר זה של תגית img, הדפדפן יטען את התמונה שפורסמה באינטרנט באתר megasellmag.ru.
מאפייני יישור
כדי למקם תמונות בדף באמצעות HTML, נעשה שימוש בתגית img, שתכונותיה אחראיות על מיקום התמונה בדף ואופי גלישת הטקסט שלה.
כברירת מחדל, הדפדפן מציב את התמונה במרכז המסך, והטקסט אינו עוטף אותה. תג img יאפשר לך להביע את אי הסכמתך עם הדפדפן באמצעות תכונת align (alignment).
- התמונה תמוקם בקצה השמאלי של העמוד, והטקסט יקיף אותה בצד ימין.
התנהגות הטקסט תהיה דומה אם התמונה ממוקמת בצד ימין (יישור=ימין), באמצע (יישור=אמצע), למעלה (יישור=למעלה), למטה(יישור=תחתית) ומרכז (מרכז).
הגדרות וגדלים
כדי למנוע מטקסט לזחול לתמונות, תגית ה-img רכשה תכונות מיוחדות -hspace (שוליים אופקיים/אופקיים) ו-vspace (שוליים אנכיים/אנכיים), הקובעות את כמות הזחת הטקסט מהקצוות של תמונות ב פיקסלים.
התמונה לא רק תתרחק מהטקסט בצייתנות בכמות שצוינה, אלא גם תתרחק מקצה הדף, לכן עדיף להימנע מכניסות גדולות.
המידות הגיאומטריות של התמונות חשובות מאוד, אשר לא רק רצויות, אלא שלעיתים פשוט נחוצות לציין לצורך תצוגה נכונה של התמונה. לשם כך, נעשה שימוש בתכונות רוחב (רוחב) וגובה (גובה), שערכן נקבע בפיקסלים או באחוזים.
אם תציין רק את הרוחב, הגובה ייבחר אוטומטית עם הפרופורציות המקוריות. גדלים באחוזים מאפשרים למקם את התמונה בחלק הימני של הדף, ללא קשר לגודל חלון הדפדפן, וצורך זה מתעורר לעיתים קרובות.
אפשרויות אחרות
תכונת הגבול סוגרת את התמונה בתוך מסגרת בעובי שצוין, מה שהדפדפן לא עושה כברירת מחדל.
לגבול יכול להיות גם רוחב אפס חסר משמעות (גבול='0'), אבל זה עד שהתמונה הופכת לקישור, כאשר הדפדפן מקיף אותה אוטומטית עם גבול כחול מבלי להמתין להוראות.
כמה משתמשים חסרי סבלנות, הזועמים על מהירויות אינטרנט נמוכות, פשוט ישביתו את הצגת התמונות. עבור מקרים כאלה, מסופק פרמטר alt, המאפשר לך להיכנסטקסט חלופי שהמשתמש יראה בתיבה שבה התמונה ממהרת להיטען.
אם אינך אוהב את האפשרויות של פרמטר alt, התג img יכול להציע תכונה longdesc, שערכה הוא כתובת האתר של מסמך עם תיאור מפורט יותר.
תכונות usemap ו-ismap אומרים לדפדפן שהתמונה תהיה תמונה שבה הקישורים הם אזורים נפרדים (מפת קישור), רק הפרמטר usemap קובע את מפת הניווט בשרת, ו- ismap - המפה ב- צד הלקוח.
תיאור של קישור 1 באיור למטה:
פריטים אקזוטיים
תכונת lowsrc מורה לדפדפן להוריד תחילה עותק (או חלופה אחרת) של התמונה המקורית באיכות נמוכה יותר, ולכן, "קלה" יותר. טריק זה מסופק במקרה של מהירות אינטרנט נמוכה עבור המשתמש. התמונה המקורית, בעת העלאתה, מחליפה את ה"זיוף".
תכונת galleryimg הפחות נפוצה של תגית img מפעילה את לוח הבקרה של התמונה (כאשר מרחפת מעל), ומאפשרת לך לפתוח את תיקיית ברירת המחדל של My Pictures ולהדפיס, לשמור או לשלוח את התמונה בדוא ל. אתה יכול להשבית את החלונית על ידי הגדרת הפרמטר galleryimg ל-no/false, ולהפעיל אותו על ידי הגדרת yes/true.
במפרט HTML5 החדש, למספר תגים יש כמה פרמטרים שהוצאו משימוש. לדוגמה, התכונות lowsrc, border, longdesc ו-name של img הוצאו משימוש.
