בניית לינקים

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

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

כתובת מוחלטת היא URL שלם, כמו שכותבים בחלונית הניווט. לא משנה איפה אתם נמצאים, עם הכתובת הזאת תגיעו לאותו מקום.

קישור כותבים ככה:

<a href="url"> תאור הלינק </a>

לינק בעל כתובת מוחלטת נכתוב תמיד עם ה-http:

<a href="http://www.shagririm.com"> בניית אתרים </a>

ונקבל:

בניית אתרים

בשביל כתובת יחסית, צריך לדעת איפה נמצאים הקבצים שלנו. אם כולם באותה תיקייה (וזה לא משנה אם זה במחשב בבית או על השרת עליו אנו מאחסנים), אז בסה"כ צריך לכתוב את שם הקובץ אליו אנו רוצים לעבור, ולא לשכוח את הסיומת.

אם הקובץ אליו אנו מפנים נמצא בתיקייה אחרת, והיא נמצאת באותה תיקייה בה נמצא הדף הנוכחי, נכתוב את המסלול אליו, שיכלול את שם התיקייה, לוכסן, ואז את שם הקובץ, כולל סיומת.

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

<a href="../intro/hosting.asp"> אחסון אתרים </a>

פתיחת קישור בחלון חדש

בשביל לפתוח לינק בחלון חדש, פשוט צריך לכתוב את המילים target="_blank" אחרי הכתובת:

<a href="http://www.google.com" target="_blank">גוגל</a>

נסו ללחוץ על הלינק, ותראו שייפתח חלון חדש:

גוגל

קישור לכתובת אימייל

כדי לאפשר לחיצה על לינק שפותח את תוכנת הדואר, כשהכתובת כבר מוזנת, כתבו את הקוד הבא, והחליפו את האימייל בשני המקומות באימייל שלכם:

<a href="mailto:name@domain.com">name@domain.com</a>

תקבלו לינק כזה:

name@domain.com

קישור בתוך הדף

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

<a name="makom"></a>

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

<a href="#makom">עבור למקום הזה</a>

ונקבל לינק שיקח אותנו למקום בו שתלנו את העוגן.

אם נרצה לקשר לראש הדף, אפשר פשוט לכתוב:

<a href=#>חזרה למעלה</a>

תראו מה יוצא:

חזרה למעלה

זהו בעניין לינקים.

למעבר לנושא הבא - תמונות - לחצו כאן.

חזרה לדף html הראשי...