תמונות, כמו כל שאר מרכיבי דף האינטרנט, מוצגות על ידי הדפדפן בהתאם להוראות המפורטות שנשלחו על ידי השרת. הוראות אלה כתובות ב- HTML (שפת הסימון של HyperText) ומורכבות מ"תגיות ". תגים מתארים את סוג כל האלמנטים של דף אינטרנט, את המיקום והמראה שלהם.
הוראות
שלב 1
ראשית עליך להעלות את קובץ התמונה לשרת. ניתן לעשות זאת באמצעות FTP (File Transfer Protocol) באמצעות תוכנית מיוחדת. תוכניות אלה נקראות לקוחות FTP - למשל, FTP חמוד, WS FTP, FlashFXP ואחרים. אבל אתה יכול להוריד אותו דרך מנהל הקבצים, שאמור להיות בלוח הבקרה של האירוח בו מתארח האתר שלך. מנהל הקבצים מאפשר לך להעלות קבצים דרך הדפדפן שלך.
שלב 2
לאחר מכן, עליך לשים את התג המתאים בקוד ה- HTML של הדף הרצוי. כלומר, עליכם למצוא דף זה ולפתוח את קוד המקור שלו לעריכה. אם יש לך קובץ עמוד, אתה יכול לפתוח אותו עם עורך טקסט פשוט - למשל, פנקס רשימות רגיל. ואם אתה משתמש במערכת כלשהי לניהול האתר, אז בלוח הניהול של מערכת זו, מצא את עורך העמודים ופתח בו את העמוד הרצוי. לאחר מכן, נותר להוסיף את תג התמונה במקום הדרוש לך בעמוד ולשמור את השינויים.
שלב 3
עוד על התג עצמו - בצורתו הפשוטה ביותר, הוא יכול להיראות כך: התג מכיל מידע נוסף ומגוון - "תכונות". יש צורך במאפיין אחד בלבד לתג התמונה - src. זה אומר לדפדפן את הכתובת שבה הוא אמור לקבל את הקובץ המכיל את ה- carnink. אם קובץ זה נמצא בשרת באותה תיקיה (או תיקיית משנה) כמו הדף עצמו, די אם לציין רק את שמו או את הנתיב לתיקיית המשנה. כתובות כאלה נקראות "יחסית". וכתובת מוחלטת עשויה להיראות כך:
- תכונה אחרת - alt="תמונה" - מכילה את הטקסט שמופיע בטיפ הכלים על העכבר מרחף: התכונות האחרות - כותרת עושות את אותו הדבר: - שתי תכונות - רוחב וגובה - הגדר את גודל המלבן בו הדפדפן יציג את התמונה: מאפיינים אלה אינם נדרשים, אך אם משהו משתבש והתמונה אינה מסוגלת להיטען, אזי כל שאר האלמנטים בדף אינם במקום, מכיוון שהדפדפן אינו מזהה את הממדים ש התמונה הייתה צריכה לכבוש. מידות מוגדרות ב"פיקסלים "- זוהי יחידת המידה העיקרית המשמשת בפריסת העמוד. - תכונת הגבול קובעת את רוחב הגבול סביב התמונה (בפיקסלים): אם תמונה נעשית קישור, הדפדפן יצייר. גבול כחול סביבו כברירת מחדל. כדי להיפטר ממנו, עליך להגדיר את ערך הגבול לאפס: - שתי תכונות קובעות את הכניסה של התמונה מאלמנטים סמוכים (למשל משורות טקסט) - hspace מגדיר את הכניסה האופקית (שמאלה וימינה), vspace - אנכית (למטה ולמעלה): - אלו התכונות הנפוצות ביותר, וישנן מעל 50 מהן לתג זה!
