הבעיה העיקרית הקשורה ל-HTML הוספת תמונות ממקורות מרוחקים היא שזה יכול להוביל לזמני טעינת דפים איטיים. הסיבה לכך היא שהדפדפן חייב להגיש בקשה נפרדת לכל תמונה, שיכולה להצטבר במהירות אם יש מספר תמונות בדף. בנוסף, אם המקור המרוחק מושבת או שיש לו חיבור איטי, הדבר עלול לעכב עוד יותר את זמני טעינת הדפים. לבסוף, קיים גם סיכון מוגבר לפרצות אבטחה מכיוון שהתמונות נשלפות ממקור חיצוני.
<img src="https://example.com/image.jpg" alt="Example Image">
1. שורת קוד זו היא תג תמונת HTML, המשמש להצגת תמונה בדף אינטרנט.
2. התכונה "src" מציינת את כתובת האתר של התמונה שתוצג, במקרה זה היא "https://example.com/image.jpg".
3. התכונה "alt" מספקת טקסט חלופי לתמונה, במקרה זה היא "תמונה לדוגמה".
תכונת img src
התכונה img src ב-HTML משמשת לציון המקור של תמונה. הוא משמש בתוך תג כדי להגדיר את מקור התמונה. הערך של תכונה זו צריך להיות כתובת אתר חוקית המפנה לקובץ תמונה. תכונה זו נדרשת עבור כל התמונות בדף אינטרנט, והיא מאפשרת לדפדפן לאתר ולהציג את התמונה.
כיצד אוכל להוסיף תמונה חיצונית ב-HTML
הוספת תמונה חיצונית ב-HTML היא די פשוטה. כל מה שאתה צריך לעשות הוא להשתמש ב- תג וציין את מקור התמונה באמצעות התכונה src. התחביר להוספת תמונה חיצונית ב-HTML נראה כך:
כאשר "image_url" הוא קישור לקובץ התמונה, ו"טקסט חלופי" הוא תיאור של מה שיש בתמונה (למטרות נגישות).
לדוגמה, אם תרצה להוסיף תמונה חיצונית מהאתר שלך בשם my-image.jpg, הקוד שלך ייראה כך:
