זה מאוד נוח כאשר אזור הקישור הפעיל אינו טקסט, אלא תמונה. שפת סימון ה- HTML די מסוגלת לעשות זאת. כל מה שצריך בשביל זה הוא לשלב את התגים בצורה מיוחדת.
הוראות
שלב 1
אם כל הקבצים בשרת מאוחסנים בתיקייה אחת, כתוב את קוד ה- HTML הבא של הדף:
‹A href=page.html› לחיצה על קישור זה תעביר אותך לעמוד אחר באתר ‹/a›
שלב 2
למד כיצד להטמיע קישורים לדפים מקומיים הנמצאים באתרי צד שלישי ב- HTML שלך:
‹A href= https://server.domain/folder/page.html› לחיצה על קישור זה תעביר אותך לדף הממוקם באתר אחר לגמרי ‹/a›
שלב 3
כעת בדוק כיצד להכניס תמונות לדף המאוחסן באותו שרת כמו האתר, בתנאי שכל הקבצים בשרת זה מאוחסנים בתיקיה משותפת:
‹Img src = filename.jpg›
שלב 4
באותו אופן, הכנס לדף תמונות המאוחסנות בשרתי צד שלישי:
‹Img src =
עם זאת, זכור כי ישנם שרתים שאינם מאפשרים הכנסת תמונות לדפים שמחוץ להם, ומראים במקום זאת שומרי מסך אזהרה או מראים דבר. במקרים כאלה, אל תעתיקו את התמונה לשרת מקומי - זו תהיה הפרה של זכויות יוצרים. עדיף לתת קישור לתמונה זו.
שלב 5
כדי ללחוץ על תמונה כדי לעקוב אחר הקישור, שלב את התגים הבאים באופן הבא:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
אם תרצה, החלף בבנייה זו את הקישור הגלובלי לדף עם המקומי, או, להיפך, את הקישור המקומי לתמונה לזה הגלובלי.
שלב 6
לבסוף, אם ברצונך לעקוב אחר הקישור על ידי לחיצה על התמונה וגם על הטקסט שמתחתיה, השתמש במבנה מורכב יותר כך:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› תועבר לעמוד אחר ללא קשר אם תלחץ על טקסט זה או על זה שמעליו תְמוּנָה. התוצאה תהיה זהה לחלוטין.
