תמונות יכולות לשפר את המראה של דף אינטרנט על ידי פירוק הטקסט והוספת עניין חזותי. התמונות הגלויות בדף אינטרנט הן למעשה קישורים לתמונה פנימית או מרחוק. במילים אחרות, התמונות הן קובץ אחר, או באותו השרת בדף האינטרנט או בשרת מרוחק. על מנת למקם תמונה בתוך דף אינטרנט עליכם לומר לדפדפן היכן לחפש את התמונה. מידע זה ממוקם ב ""תג עם התכונה" src ".
יצירת התמונה
אם התמונה שלך מוחזקת בשרת האינטרנט שמארח את דף האינטרנט שלך, אתה יכול פשוט למקם את שם התמונה בתג כמו: עם זאת, אם התמונה שלך ממוקמת בשרת מרוחק, עליך להציב קישור לתמונה ב התג כמו:
בין אם אתה משתמש בתמונה מקומית או מרחוק, יש כמה תכונות בהן תוכל להשתמש כדי ליישר את התמונה שלך בעמוד. התכונה "יישור" משמשת ליישור התמונה בצורה אופקית. הערכים יכולים להיות "ימני", "שמאלי" או מרכזי. לדוגמה, כדי להציב תמונה מרוחקת בצד ימין של הדף, קוד ה- HTML יהיה:
התכונה "valign" משמשת ליישור התמונה אנכית על המסך. הערכים יכולים להיות "עליון", "תחתון" ו"מרכז ". כדי ליישר את הדוגמה שלמעלה בצד ימין למעלה של המסך, הקוד יהיה:
תכונה נוספת היא תכונת "alt". זה משמש למיקום טקסט במקום בו התמונה צריכה להיות אם המבקר משתמש בדפדפן אינטרנט מבוסס טקסט, או אם הקישור לתמונה נשבר. התכונה "alt" משמשת באופן הבא:
לבסוף, תוכלו להפוך את התמונה שלכם להיפר-קישור על ידי הוספת התג "". זה מאפשר למבקרים ללחוץ על התמונה כדי להעביר אותה לעמוד מרוחק או לתמונה עצמה. קוד ה- HTML ליצירת תמונה עם היפר-קישור הוא:
