מדריך HTML מספר 6 - קישורים (Links)

מדריך HTML מספר 6 - קישורים (Links)

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

Easy 134 views

What You'll Need

  • HTML
  • לינקים
  • קישורים
  • href
  • anchor

Steps

  1. 1

    Step 1

    קישורים בדף HTML נעשים בעזרת התגית , תגית זו היא תגית העוגן (anchor) המשמשת לקישורים וסימניות בדף. קישור לדף HTML רגיל יראה כך: Bekaloot has some cool stuff מאפיין הhref יכיל את הכתובת אליו נרצה לשלוח את הגולש והטקסט שנמצא בין התגיות הוא הטקסט שיופיע על המסך.
  2. 2

    Step 2

    מה הכוונה בלהגדיר עוגן? הכוונה בלהגדיר עוגן בדף היא שלחיצה על קישור "תקפיץ" את דף האינטרנט שבו אנו נמצאים אל חלק אחר באותו דף המכיל את העוגן. לדוגמא:
  3. 3

    Step 3

    Step 3
    Jump to Fun part

    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    some text
    Fun part
  4. 4

    Step 4

    הגדרתי דף ארוך במיוחד בשביל שתראו איך לחיצה על הקישור תקפיץ את הדף לחלק בו נמצא העוגן. העוגן שלנו סומן בטקסט מסויים כך: Fun part שם העוגן נקבע על ידי מאפיין הname (למרות שמומלץ לעבוד עם מאפיין הid במקום) כאשר הFun part זה הטקסט שיופיע על המסך. בחלק העליון הגדרנו לינק שיקשר אל העוגן הזה כך: Jump to Fun part מאפיין הhref מוגדר עם # ושם העוגן אליו נרצה להיות מקושרים(במקרה שלנו tips) והטקסט שבא אחרי התגית הפותחת יהיה הטקסט שיופיע בקישור.
  5. 5

    Step 5

    Step 5
    הקישור יופיע בחלק העליון של הדף.
  6. 6

    Step 6

    Step 6
    לחיצה על הקישור תוביל אותנו לתחתית הדף היכן שנמצא העוגן.
  7. 7

    Step 7

    ניתן לשלב ולהגדיר שקישור יוביל אותנו לעוגן בדף אינטרנט אחר כך <some tips from bekaloot</a
  8. 8

    Step 8

    כמו כן, ניתן להגדיר שלחיצה על קישור תפתח אותו בדף חדש Bekaloot new page בעזרת מאפיין הtarget נגדיר שהדף יפתח בטאב חדש.
  9. 9

    Step 9

    ניתן להגדיר שלחיצה על לינק מסוים תפתח הודעת דואר חדשה בתוכנת הדואר שמותקנת על מחשבכם (אאוטלוק לדוגמא) עם הכתובת שאליה תרצו לשלוח. נעשה זאת כך: <Send Mail to the admin</a
  10. 10

    Step 10

    נגדיר במאפיין הhref שלנו את המילה mailto ולאחריה ' : ' והכתובת אליה תרצו לשלוח. בכדי להגדיר את נושא המייל תוסיפו ' ? ' ולאחר מכן את המילה =subject ונושא הפניה. מה שיהיה רשום בין התגיות יהיה הטקסט שיופיע על המסך כקישור.

Related Guides

מדריך HTML מספר 4 - עיצוב טקסט

מדריך HTML מספר 4 - עיצוב טקסט

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

Easy 2K views
מדריך HTML מספר 5 - תמונות (Img and src)

מדריך HTML מספר 5 - תמונות (Img and src)

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

Easy 899 views
מדריך HTML מספר 3 - כותרות (title and headings)

מדריך HTML מספר 3 - כותרות (title and headings)

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

Easy 1K views
מדריך HTML מספר 7 - איך לעשות טבלאות (Tables)

מדריך HTML מספר 7 - איך לעשות טבלאות (Tables)

במדריך זה אסביר כיצד להכין טבלאות בHTML ואפרט על תגי הtable,הtr,הtd והth.

Easy 165 views
מדריך HTML מספר 8 - רשימות (lists)

מדריך HTML מספר 8 - רשימות (lists)

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

Easy 963 views
How to Fix the OpenSSL Heartbleed Bug: A Comprehensive Guide

How to Fix the OpenSSL Heartbleed Bug: A Comprehensive Guide

Learn to identify, patch, and verify fixes for the critical OpenSSL Heartbleed vulnerability. This guide covers steps for Linux, Apache, Tomcat, and other systems.

Medium 14K views