html עיקרי השפה
מה העיקרי בשפה הזאת

קישורים

כמעט בכל דף באינטרנט יש קישורים (links) שמובילים לדפים אחרים, ולפעמים לאיזור אחר באותו עמוד. קישוריות כותבים בעזרת התג <a>. התג הזה מקבל מאפיין href, שהוא מקבל את הכתובת אליה אנו רוצים לשלוח את הגולש.

1  
<a href="http://www.tapuz.co.il">זהו קישור לאתר תפוז</a>


כמובן שניתן בתוך הקישור לכתוב לא רק טקסט, אלא לשים תמונה, לדוגמא.

1  
<a href="http://www.tapuz.co.il"><img.....></a>


שימו לב, שקישור שלא יכיל את הקידומת http://, יחשב ע"י הדפדפן כקישור פנימי באתר. כלומר, אם האתר שלכם נמצא בכתובת http://www.url.co.il/mysite והקישור מוביל ל www.walla.co.il, הדפדפן ינסה למצוא אתר שכתובתו היא http://www.url.co.il/mysite/www.walla.co.il

התג <a> יכול להכיל עוד מספר מאפיינים: אם אנחנו רוצים לפתוח את הקישור בחלון חדש, נוסיף את המאפיין target="_blank" למאפיין target יש עוד שימושים, נלמד אותם בפרק שמדבר על מסגרות.

כדי לכתוב קישורית ממקום אחד בדף למקום אחר, יש תחילה להגדיר להיכן הקישורית תגיע. זה נקרא עוגן, ואת זה עושים בעזרת התג a, כשמצורף לו המאפיין name, ככה:

1  
<a name="anchor"> ניתן לכתוב כאן טקסט, זו לא חובה</a>


עכשיו אחרי שקבענו עוגן, אפשר לכתוב קישורית שתגיע אליו, ככה:

1  
<a href="#anchor">אל העוגן</a>


הסימן # אומר לדפדפן שהכתובת הבאה היא בעצם שם של עוגן בדף. ניתן גם לשלב את שני סוגי הקישוריות, ולהגיע למקום ספציפי בדף אחר, ככה:

1  
<a href="someOtherPage.html#anchor">אל העוגן.</a>


ניתן לכתוב גם קישורים לדואר אלקטרוני, שבלחיצה עליהם יפעילו את תוכנת הדוא"ל של הגולש. הקישור הזה נכתב כך:

1  
 <a href="mailto:[email protected]">שלח דוא"ל</a>


מילת המפתח mailto: היא שגורמת לדפדפן לזהות שמדובר בקישור לדוא"ל, ולפתוח את תוכנת הדוא"ל של הגולש.


דוגמאות לקישורים:
שלח לי דוא"ל (פיקטיבי)
לאתר תפוז
לראש העמוד