כיצד להוסיף קישור ב- HTML, תג ותכונותיו

  1. כיצד להוסיף קישור ב- HTML, תג ותכונותיו שלום, קוראים יקרים של האתר Uspei.com. בשיעור קצר זה יהיה...
  2. כיצד ליצור קישור להורדת הקובץ
  3. קישורים יחסיים ומוחלטים, ההבדל ביניהם

כיצד להוסיף קישור ב- HTML, תג ותכונותיו

שלום, קוראים יקרים של האתר Uspei.com. בשיעור קצר זה יהיה לנו זמן ללמוד את הטכנולוגיה של יצירת קישורים. כדי להוסיף קישור ב- HTML, נעבור לקוד של הדף שלנו ולמצוא את הטקסט "http://www.howtocorp.com/typepilot". יש לי 73 שורות מסמכים. ניתן לפתוח קובץ זה באמצעות עורך טקסט Notepad + + .
שלום, קוראים יקרים של האתר Uspei

חזרה לאינדקס

תג <a> ותכונותיו

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

<a> http://www.howtocorp.com/typepilot </a>

עכשיו אנחנו צריכים לרשום את התכונות עבור תג <a>, כי בלעדיהם הדפדפן לא מבין מה לעשות עם הקישור שלנו עוד יותר. רשום את התכונה הנדרשת הראשונה עבור הקישור - href . זוהי התכונה העיקרית עבור הקישור. זה מציין איפה הקישור הזה מוביל. במקרה שלנו, הקישור מוביל לאתר http://www.howtocorp.com/typepilot. לכן, אנו רושמים אותו לתכונת href.

<a href="http://www.howtocorp.com/typepilotince http://www.howtocorp.com/typepilot </a>

עכשיו בואו נראה מה עשינו בדפדפן.

עכשיו בואו נראה מה עשינו בדפדפן

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

<a href="http://www.howtocorp.com/typepilot express_==_blueface> http://www.howtocorp.com/typepilot </a>

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

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

<a href=eshttp://www.howtocorp.com/typepilot "target= "_blank הקסום title=tР הקלד סוג Pilotina> http://www.howtocorp.com/typepilot </a>

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

חזרה לאינדקס

כיצד ליצור קישור להורדת הקובץ

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


קישור אל time.pdf

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

pdf שלנו

לאחר מכן, פתח את הקובץ שלנו עם הקוד ובתחתית, לפני סגירת התג <body>, צור פסקה:

<p> הורד מאמר זה בפורמט PDF </ p>

בואו נשמור את הקובץ שלנו ונבדוק אם פסקה אחת הופיעה.

בואו נשמור את הקובץ שלנו ונבדוק אם פסקה אחת הופיעה

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

<p> <a href="files/time.pdf Services> הורד מאמר זה בפורמט PDF </a> </ p>

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

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

חזרה לאינדקס

קישורים יחסיים ומוחלטים, ההבדל ביניהם

יצוין, כי במקרה זה הצביענו על קשר יחסי, דהיינו הקישור שיש לנו הוא יחסית index.html המסמך.

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

<a href="http://www.howtocorp.com/typepilot> לחץ כאן </a>

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

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



להתראות בקרוב! לעשות הכל ותמיד על דפי הבלוג Uspei.com

עזרה לפרויקט - להירשם לערוץ Yandex.DZen שלנו!