לימוד HTML » יצירת קישורים ולחצנים

יצירת קישורים ולחצנים

יוחאי ירמיהונכתב ע"י יוחאי ירמיהו 2 תגובות

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

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

איך לבנות אתר בחינם בשעה וחצי?

יש לי הצעה מעניינת עבורך, יצרתי הדרכה מלאה של למעלה משעה וחצי שתלמד אותך איך לבנות אתר מ-0 בחינם כולל רכישת אחסון ודומיין. נשמע מעניין? אשמח לשלוח לך אותה למייל.

הוספת קישור לעמוד

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

יצירת קישור פשוט

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

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


<a href="https://html.org.il/">קורס HTML</a>

פתיחת הקישור בחלונית חדשה

במידה ואנחנו רוצים שהקישור המוצג מעל ייפתח באמצעות טאב חדש ולא באותו עמוד שבו נמצא הגולש נוכל לעשות זאת על ידי הוספה של הפרמטר target=_blank כפי שאתם יכולים לראות בקוד מתחת.

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


<a href="https://html.org.il/" target='_blank'target=_blank'>קורס HTML בחלונית חדשה</a>

הוספת תיאור לקישור (Title)

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


<a href="https://html.org.il/" title='הגדרת תיאור לקישור'>קורס HTML</a>

הוספת קישור לתמונה

באותה צורה שבא אנחנו יכולים להוסיף קישור HTML לטקסט רגיל בעמוד ניתן לעשות זאת גם כאשר מדובר על תמונה. כל מה שצריך לעשות זה להוסיף תמונה ב-HTML ולעטוף אותה בתגיות <a> על מנת שתהמונה תהפוך לקישור.

<a href="https://html.org.il/">
    <img src='https://html.org.il/wp-content/uploads/2020/08/html-logo-darker.png' alt='קורס HTML' />
</a>

עוד לא צפיתם בהדרכה? זה בחינם!

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

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

יש לכם שאלות בנוגע למדריך HTML? שתפו אותנו בתגובות!

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

2 תגובות

  1. בר מזוז

    כל כך נגיש, בשפה ברורה ורהוטה
    כל כך מעשי!!
    היה תענוג!!

    1. יוחאי ירמיהו
      יוחאי ירמיהו

      תודה על התגובה בר, שמח לשמוע

לא ניתן לפרסם תגובות

כלי נגישות