אינטרנטעיצוב אתרים

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

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

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

  • - בשלב זה נראה קובץ goat.jpg המאוחסן בספרייה הנוכחית;
  • - עם הורדת img אפשרות תג דפדפן התמונות פורסמו באינטרנט באתר megasellmag.ru.

תכונות ליישר

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

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

- התמונה ממוקמת בקצה השמאלי של הדף, והטקסט יעבור אותו מימין.

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

זחת פרמטרים וגדלים

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

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

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

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

אפשרויות אחרות

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

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

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

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

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

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

<שם מפה = 'Primorye' >

<צורת פינה = 'rect' coords = '60, 20,110,50,105,80,35,80 'href =' http: // אתר /article/148301/Lsd022_1.html 'target =' _ blank 'alt =' Lesozavodsk ">

אלמנטים אקזוטיים

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

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

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

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 iw.atomiyme.com. Theme powered by WordPress.