חפש

מנהל תמונות - תג img

תמונה לא רק מוכנסישירות לתוך הטקסט. הדפדפן הוא אמר את שמה ומציין היכן וכיצד לארגן על המסך. לשם כך, השתמש בתג HTML-img יחיד. הוא מציין את המיקום של הגרפיקה בדף האינטרנט.

אם תכונות רבות עבור תגים לא נחוצים באופן עקרוני, אז תג img חייב להיות לפחות פרמטר אחד - כתובת של התמונה. תכונה זו נקראת src:

  • <img src = "/ images / goat.jpg"> - במקום זה יוצג הקובץ goat.jpg, המאוחסן בספריה הנוכחית;
  • <img src = "/ images / http: megasellmag.ru/design/images/Shape5.png"> - עם פרמטר זה של תג img הדפדפן יוריד את התמונה שפורסמה באינטרנט באתר megasellmag.ru.

תכונות יישור

כדי למקם תמונות בדף באמצעות HTML, תג img משמש, תכונות אשר אחראים על הצבת התמונה על הדף ואת אופי זרימתו סביב הטקסט.

תג img

כברירת מחדל, לדפדפן יש תמונה במרכז המסך, והטקסט אינו עוטף אותה. תג img יאפשר הביע את המחלוקת שלך עם הדפדפן באמצעות התכונה align.

<img src = "/ images / goat.jpg" align = "left"> - התמונה תהיה ממוקמת בקצה השמאלי של הדף, והטקסט יקיף אותה מצד ימין.

ההתנהגות של הטקסט תהיה דומה אם התמונה ממוקמת בצד ימין (ישר = ימין), באמצע (ישר = באמצע), על גבי (ליישר = למעלה), בתחתית (ישר = למטה) במרכז (במרכז).

הפרמטרים והגדלים

כי הטקסט לא זחל על התמונות, img תג יש מיוחד תכונות-שדות (שדות אופקי / אופקיים) ו- vspace (שדות אנכיים / אנכיים), אשר קובעים את כמות הזחה של טקסט מקצות התמונות בפיקסלים.

<img src = "/ images / goat.jpg" align = "left" vspace = "15" hspace = "30">

תג img תכונות

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

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

<img src = "/ images / goat.jpg" width = "625" height = "450">

אם תציין רק את הרוחב, הגובה יהיהנבחר באופן אוטומטי עם הפרופורציות המקוריות. הגדלים המפורטים באחוזים, מאפשרים למקם את התמונה בחלק הדרוש של הדף, ללא קשר לגודל של חלון של דפדפן, ואת הצורך הזה עולה לעתים קרובות למדי.

פרמטרים אחרים

מאפיין הגבול מגביל את התמונה במסגרת העובי שצוין, אשר הדפדפן אינו כברירת מחדל.

<img src = "/ images / goat.jpg" width = "500" height = "360" border = "5">

המסגרת יכולה להיות, ונדמה, חסרת משמעותרוחב אפס (border = "0"), אבל זה עד שהתמונה הופכת לקישור כאשר הדפדפן עוקב אחריו באופן אוטומטי עם גבול כחול, מבלי להמתין להוראות.

<a href = "megasellmag.ru"> <img src = "/ images / images / opana.gif" width = "250" height = "250"> </ a>

כמה משתמשים חסרי סבלנות, זועמיםמהירות נמוכה של האינטרנט, פשוט לכבות את התצוגה של תמונות. כאן עבור מקרים כאלה הפרמטר alt מסופק, המאפשר להזין את הטקסט חלופי שבו המשתמש יראה בכיכר שבה התמונה ממהר לטעון.

אם אתה לא אוהב את האפשרות alt, תג img יכול להציע תכונה longdesc, שערכה הוא כתובת האתר של המסמך עם תיאור מפורט יותר.

תכונות ה- Sitemap ו- ismap מציינות לדפדפן זההתמונה תהיה תמונה שבה הקישור הוא אזור נפרד (מפת קישור), רק הפרמטר usemap מציין את מפת הניווט בשרת, ו- ismap היא המפה בצד הלקוח.

<img src = "/ images / Quad_Band_Phone.gif" width = "145" height = "126" alt = "טלפונים ניידים" usemap = "# phones">

תיאור הקישור 1 בתמונה הבאה:

<img src = "/ images / img / map.jpg" width = "328" height = "236" border = "0" usemap = "# Dvostok"> <map name = "Primorye">

<שטח צורה = "rect" coords = "60,20,110,50,105,80,35,80" href = "Lsd022_1.html" target = "_ blank" alt = "Lesozavodsk">

HTML תג img

פריטים אקזוטיים

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

לא כל כך נפוץ תכונה galleryimg של התגimg קורא את לוח הבקרה של התמונה (אם אתה מרחף מעליה), ומאפשר לך לפתוח את התיקיה הסטנדרטית My Pictures שלי להדפיס, לשמור או לשלוח את התמונה בדוא"ל. ניתן להשבית את החלונית על ידי הגדרת galleryimg ל לא / שקר, וכדי לאפשר את זה על ידי הגדרת כן / נכון.

במפרט HTML5 החדש, חלק מהפרמטרים הפכו למיושנים. אז, img תכונות lowsrc, הגבול, longdesc ואת השם נשלחים פרישה.</ strong </ p>

  • דירוג: