הוספת תמונות לדפי האינטרנט שלך

איך להציג תמונות כראוי

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

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

העלאת תמונות לאותו מדריך כמו HTML

התמונות שלך עשויות להימצא באותה ספרייה כמו ה- HTML. אם זה המצב:

1. העלה תמונה לשורש של האתר שלך.
2. הוסף תג תמונה ב- HTML כדי להצביע על התמונה.
3. העלה את קובץ ה- HTML לשורש של האתר שלך.
4. בדוק את הקובץ על ידי פתיחת הדף בדפדפן האינטרנט שלך.

תג התמונה מקבל את הפורמט הבא:

בהנחה שאתה מעלה תמונה של הירח עם השם "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: \ נקודות למיקום בכונן הקשיח. מאחר שהתמונה נמצאת בכונן הקשיח, היא מוצגת בעת הצגתה.