מדריך HTML » לימוד HTML באינטרנט » מדריך HTML למתחילים » קישורים, לינקים

קישורים, לינקים

עד עכשיו למדת איך יוצרים עמוד HTML בודד אך הדבר שעושה את רשת האינטרנט למיוחדת במינה הוא קישורים אשר מקשרים את כל העמודים יחדיו.

האותיות H ו – T בראשי התיבות HTML מציינים היפר טקסט ('hypertext'), מסמך שלחיצה על חלק ממנו תעביר את המשתמש למסמך אחר או קטע אחר באותו מסמך.

התגית a (מלשון עוגן, anchor ) אחראית על הגדרה של לינקים בעמודי HTML.

חזור לעמוד שיצרת בשלבים הקודמים, myhtmlpage.html, והוסף את הקוד הבא :

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4.     <title>עמוד האינטרנט הראשון שלי</title>
  5. </head>
  6. <body>
  7.     <h1>עמוד האינטרנט הראשון שלי</h1>
  8.     <h2>מה זה ?</h2>
  9.     <p>עמוד אינטרנט פשוט שנבנה בעזרת הטמל</p>
  10.     <h2>למה זה ?</h2>
  11.     <p>בשביל ללמוד הטמל בצורה קלה, פשוטה ומהירה.</p>
  12.     
  13.     <h2>איפה אפשר למצוא מדריך טוב להטמל ?</h2>
  14.     <p><a href="http://www.htmlguide.co.il/">נסה את HTMLGuide</a></p>
  15. </body>
  16. </html>

היעד של הלינק ( העמוד שאליו ישלח הגולש ) מוגדר תחת התכונה href של התגית a.

קישורים באינטרנט יכולים להיות קישורים מוחלטים, לדוגמא : http://www.htmlguide.co.il/.
אפשרות נוספת היא קישורים יחסיים אשר לא מכילים את הנתיב המלא. לדוגמא, אם היה לך עמוד נוסף בשם yourname.html יכולת לקשר אליו על ידי הקוד <a href="yourname.html">השם שלך </a>.

מבחינות רבות, תמיד עדיף להשתמש בקישורים מוחלטים אשר מכילים את כתובת האתר והעמוד.

קישורי עוגן

ניתן לבצע קישורי היפר טקסט גם לקטע אחר באותו עמוד ולאו דווקא לעמוד אחר.

קישורים מסוג זה מבוצעים על ידי הוספה של תכונה id לתג כלשהו ויצירת קישור מיוחד אליו.
למשל, יצירה של id תחת תגית H2 <h2 id="ofnik">משה אופניק</h2> ויצירת קישור עוגן בראש העמוד <a href="#ofnik">למידע נוסף על משה אופניק</a>.

השימוש בקישורי עוגן נפוץ מאוד בעמודים המכילים טקסט רב כמו מילון מונחים.

עמודים רלוונטים

דוגמאות קוד

  • דוגמא ליצירת קישורי עוגן

רפרנס

  • תגית a