כל התמונות שאתה רוצה לקשר באתר שלך HTML תחילה יש להעלות לאותו מקום בו אתה שולח את ה- HTML לדף האינטרנט, בין אם האתר מתארח בשרת אינטרנט שאליו אתה מגיע FTP או שאתה משתמש בשירות אירוח אתרים. אם אתה משתמש בשירות אירוח אתרים, אתה בטח משתמש בטופס העלאה שמספק השירות. טפסים אלה מופיעים בדרך כלל בחלק הניהול של חשבון האירוח שלך.
העלאת התמונה שלך לשירות האירוח היא רק הצעד הראשון. אז אתה צריך להוסיף תג ב- HTML כדי לזהות אותו.
העלאת תמונות לאותה מדריך כמו ה- HTML
ייתכן שהתמונות שלך ממוקמות באותה מדריך כמו ה- HTML. אם זה המצב:
- העלה תמונה לשורש האתר שלך.
- הוסף תג תמונה ב- HTML שלך כדי להצביע על התמונה.
- העלה את קובץ ה- HTML לשורש האתר שלך.
- בדוק את הקובץ על ידי פתיחת הדף בדפדפן האינטרנט שלך.
תג התמונה מקבל את הפורמט הבא:
בהנחה שאתה מעלה תמונה של הירח בשם "lunar.jpg", תג התמונה מקבל את הצורה הבאה:
הגובה והרוחב הם אופציונליים אך מומלצים. ערכי ברירת המחדל הללו הם בפיקסלים אך עשויים לבוא לידי ביטוי גם באחוזים:
תג התמונה אינו דורש תג סגירה.
אם אתה מקשר לתמונה במסמך אחר, השתמש בתגי עוגן וקנן את תג התמונה בפנים.
העלאת תמונות לתיקיית משנה
מקובל יותר לאחסן תמונות בספריית משנה, המכונה בדרך כלל תמונות. על מנת להצביע על תמונות בספריה זו, עליך לדעת היכן היא נמצאת ביחס לשורש האתר שלך.
שורש האתר שלך הוא המקום בו כתובת האתר, ללא ספריות בסוף, מוצגת. לדוגמה, עבור אתר בשם "MyWebpage.com", השורש עוקב אחר הטופס הבא: http://MyWebpage.com/. שימו לב לקו הסוף בסוף. כך בדרך כלל מצוין שורש הספריה. ספריות המשנה כוללות קו נטוי זה כדי להראות היכן הן יושבות במבנה הספריה. באתר הדוגמה MyWebpage עשוי להיות המבנה:
http://MyWebpage.com/ - ספריית השורשים
http://MyWebpage.com/products/ - מדריך המוצרים
http://MyWebpage.com/products/documentation/ - מדריך התיעוד במדריך המוצרים
http://MyWebpage.com/images/ - ספריית התמונות
במקרה זה, כאשר אתה מצביע על התמונה שלך בספריית התמונות, אתה כותב:
זה נקרא נתיב מוחלט לתדמית שלך.
בעיות נפוצות בתמונות שאינן מוצגות
הצגת תמונות בדף האינטרנט שלך יכולה להיות מאתגרת בהתחלה. שתי הסיבות הנפוצות ביותר הן שהתמונה לא הועלתה במקום בו ה- HTML מכוון, או שה- HTML כתוב לא נכון.
הדבר הראשון לעשות הוא לראות אם אתה יכול למצוא את התמונה שלך באופן מקוון. לרוב ספקי האירוח יש סוג כלשהו של כלי ניהול שתוכלו להשתמש בו כדי לראות לאן העלתם את התמונות שלכם. לאחר שאתה חושב שיש לך את כתובת האתר הנכונה עבור התמונה שלך, הקלד אותה בדפדפן שלך. אם התמונה מופיעה, יש לך את המיקום הנכון.
ואז בדוק שה- HTML שלך מצביע על תמונה זו. הדרך הקלה ביותר לעשות זאת היא להדביק את כתובת אתר של תמונה שזה עתה בדקת את תכונת SRC. העלה מחדש את הדף ובדק.
מאפיין SRC של תג התמונה שלך לעולם לא צריך להתחיל איתו C: \ אוֹ קוֹבֶץ: נראה כי אלה פועלים כשאתה בודק את דף האינטרנט שלך במחשב שלך, אך כל מי שמבקר באתר שלך יראה תמונה שבורה. הסיבה לכך היא ש- C: \ מצביע על מיקום ב- שֶׁלְךָ דיסק קשיח. מכיוון שהתמונה נמצאת בכונן הקשיח, היא מוצגת כשאתה צופה בה, אך היא לא תיעשה עבור אף אחד אחר.