התחביר של שפת ה- HTML מאפשר לך ליצור קישורים לא רק טקסטואליים, אלא גם גרפיים. עבור מבקר באתר קישור כזה נראה כמו תמונה, וכאשר לוחצים על התמונה עוברים לדף אינטרנט אחר.
הוראות
שלב 1
צמצם את התמונה באמצעות עורך גרפי כלשהו. גודלו בכל אחד מהקואורדינטות לא יעלה על 200 פיקסלים. עדיף אם לתמונה יש פריסה אופקית. זה יכול להיות, למשל, כפתור וירטואלי שהכיתוב עליו עשוי בגופן אומנותי. פורמט התמונה חייב להיות אחד מהבאים: JPG, PNG, GIF. הראשון מועדף על צילומים, והשניים הנותרים מועדפים על אמנות קו (זו הדחיסה הטובה ביותר). הקפידו לשמור את תוצאת השינוי בשם חדש כדי לא לקלקל את המקור.
שלב 2
העלה את קובץ התמונה לשרת בתיקיה בה נמצא קובץ ה- HTML. כדי לבצע הורדה כזו, תוכלו להשתמש בממשק האינטרנט (אם זמין מספק האירוח) או בכל תוכנית לקוח FTP.
שלב 3
הצב את קטע הקוד הבא במקום הרצוי בקובץ ה- HTML:, כאשר הביטוי אחרי האופרטור "href =" הוא הכתובת שאליה מוביל הקישור, ו- someimage
שלב 4
עבור חלק מהמשתמשים, הצגת התמונות בדפדפן מושבתת. לכן, מומלץ למקם הסבר לאן מוביל הקישור ישירות מתחת לתמונה. במקרה כזה, שנה את קטע הקוד שלמעלה כדי שייראה כך:
מקרוב חרקים. טקסט הסבר יופיע מתחת לתמונה. לחיצה עליו תעביר אתכם גם לקישור.
שלב 5
לאחר העלאת הגרסה המעודכנת של קובץ ה- HTML לשרת, פתח את הדף המתאים בדפדפן, וודא שהתמונה מוצגת והקישור תקף. המעבר לאורכו אמור להתרחש כאשר אתה לוחץ גם על התמונה וגם על הכיתוב ההסבר שנמצא מתחתיה (אם בכלל).
