קישור זה "כתובת" אל מסמך או מקור בדף אינטרנט.
נסה זאת בעצמך - דוגמאות
קישורים HTML
דוגמה זו ממחישה כיצד ליצור קישורים בתוך מסמך HTML.
פתיחת קישור בחלון חדש HTML
דוגמה זו ממחישה כיצד ליצור קישור לדף אחר על ידי פתיחה חלון חדש,כך שהמשתמש אינו חייב לעזוב את אתר האינטרנט שלו.
(אתה יכול למצוא עוד דוגמאות בתחתית עמוד זה)
היפרקישורים, עוגנים, וקישורים
מבחינת האינטרנט, היפרקישורים (Hyperlinks) הם הפניה (כתובת) למקורות באינטרנט.
היפרקישורים (Hyperlinks) יכולים להצביע על מקורות באינטרנט: דף HTML, תמונה, קובץ מוזיקה, סרט וכו'.
עוגן (Anchor) הוא מונח המשמש להגדרת היעד של היפרקישור (Hyperlink) בתוך מסמך.
HTML
אלמנט
<a>,
משתמש להגדרת גם היפרקישורים (Hyperlinks)
וגם עוגנים
(Anchors).
אנחנו נשתמש במונח קישור HTML כשה
<a>
אלמנט מצביע על מקור, ומונח HTML עוגן (Anchor) כשה
<a>
אלמנטים מגדירים כתובות בתוך המסמך.
קישור HTML
תחביר של קישור:
| <a href="url">טקסט קישור</a> |
תג הפתיחה מכיל תכונות על הקישור.
אלמנט התוכן (טקסט קישור) מגדיר את החלק שיוצג.
הערה: אלמנט התוכן אינו חייב להיות טקסט. אתם יכולים לקשר בין תמונה או כל סוג אחר של אלמנט ה-HTML.
תכונה של href
תכונה של href מגדירה "כתובת " הקישור.
<a>
אלמנט מגדיר קישור לבית הספר- XHTML.co.il:
<a href="http://xhtml.co.il/he/"> בקרו בבית הספר XHTML.co.il ! </a>
הקוד הנ"ל יציג ככה בדפדפן:
תכונות היעד
תכונות היעד מגדירות היכן מסמך מקושר יפתח
קוד הבא יפתח מסמך בחלון חדש בדפדפן:
<a href="http://xhtml.co.il/he/" target="_blank">בקרו בבית הספר XHTML.co.il!</a>
שם התכונה
כשה משתמשים ב- שם התכונה, <a> אלמנוט מגדיר עוגן עם שם (named anchor) בתוך מסמך HTML.
עוגן עם שם (named anchor) לא יוצג בשום דרך מיוחדת. הוא לא יוצג למשתמש.
תחביר עוגן עם שם (named anchor):
| <a name="label">תוכן כלשהו</a> |
תחביר של הקישור לעוגן עם שם (named anchor):
| <a href="#label">תוכן כלשהו</a> |
# בתכונת href מגדיר קישור לעוגן עם שם (named anchor).
דוגמה:
עוגן עם שם (named anchor) בתוך מסמך HTML:
| <a name="tips">חלק עם טיפים שימושים</a> |
קישור לחלק עם טיפים שימושים מתוך אותו מסמך:
|
<a href="#tips"> תעברו לחלק עם טיפים שימושים </a> |
קישור לחלק עם טיפים שימושים מתוך מסמך אחר:
|
<a href="http://www.xhtml.co.il/html_tutorial.htm#tips"> תעברו לחלק עם טיפים שימושים</a> |
הערות בסיסיות – טיפים שימושים
יש תמיג לשים קו נטוי (slash) להפניה לתת תיקיה.אם הקישור כמו זה:| href="http://www.xhtml.co.il/html", |
| href="http://www.xhtml.co.il/html/", |
עוגנים עם שם(named anchors)לעיתים משתמשים ליצירת “תוכן העניינים ”בתחילת מסמך גדול.כל סעיף בתוך מסמך מקבל עוגן עם שם(named anchor),וקישורים לכל עוגנים(anchors)שמים בחלק העליון של המסמך.
במידה ודפדפן לא מוצא עוגן עם שם(named anchor)שהוגדר, דפדפן עובר לתחילת המסמך.שגיאות לא מתרחשות.
עוד דוגמאות
תמונה כקישור HTML
דוגמה זו ממחישה כיצד להשתמש בתמונה כקישור.
קישור למיקום באותו דף HTML
דוגמה הזו ממחישה כיצד להשתמש בקישור כדי לעבור לחלק אחר באותו מסמך.
להתפרץ מהמסגרת HTML
דוגמה זו ממחישה כיצד להתפרץ מהמסגרת, אם האתר שלך נעול בתוך מסגרת.
יוצר קישור mailto HTML
דוגמה זו ממחישה את אופן הקישור של הודעת דואר (רק אם העבודה יש לך דואר מותקן).
יוצר קישור mailto2 HTML
דוגמה זו ממחישה שימוש יותר מורכב של הקישור mailto.
תגי קישור
| תג | תיאור |
|---|---|
| <a> | מגדיר עוגן (anchor) |
האם מידע זה היה מועיל?
