עצה 1: איך לכתוב קישור באתר
עצה 1: איך לכתוב קישור באתר
צור ניווט נוח ואינטואיטיבי באתר באמצעות קישורים. שיטה זו מאפשרת לך להפוך את שהיית המשתמש על דפי המשאבים בנוחות ככל האפשר.
הוראות
1
כל קישור נוצר באמצעות התג <a>,אשר חייב להיות סגור עם </a>. כתובת הדף מצוינת במרכאות לאחר התכונה href. התוצאה אמורה להיראות בערך כך: <html> <head> <title> אתר </ title> </ head> <body> <a href= "foto.html"> עבור אל גלריית תמונות </a> </ body> < / html> כדי לעבור אל הדף הנוכחי בחלל האינטרנט, ציין את כתובתו, לדוגמה, KakProsto.ru. כדי להתחבר לקובץ ה- html במחשב שלך, כתוב את הנתיב אליו. באופן אידיאלי, מומלץ לעבור לאנגלית כדי למנוע רישומים ארוכים המתרחשים בעת העתקת טקסט בשפה הרוסית ולאחר מכן לתרגם אותו לפורמט הנדרש. לדוגמה, file: /// E: /% D0% A3% D1% 87% D0% B5% D0% B1% D0% B0 / XXX% 20% D0% BF% D0% B0% D0% BF% D0% BA % D0% B0 /% D1% 81% D0% B0% D0% B9% D1% 82% 29% 29% 29/11% 20% D1% 81% D1% 82% D1% 80% 20% D1% 80% D0% B0% D0% B7% D0% BD% D0% BE% D0% B5 /% D0% BE% D0% B1% D0% BE% 20% D0% B2% D1% 81% D0% B5% D0% BC % 20% D0% B3% D0% BB%% D0% B0% D0% B2% D0% BD% D0% B0% D1% 8F.html "
2
הקישור יכול להיות מוגדר כתמונה. כדי לעשות זאת, לצרף את תג התמונה בין <a> ו </a>: <a href= "foto.html"> <img src = "kartinka.png"> </a>. לרחף על הסמל הקטן מוביל המחשה מלאה של גודל גדול יותר, אתה צריך להשתמש href="kartinka_big.png"> חבורת <a <img src = "/ images / kartinka_small.png"> </a> תמונות חלופיות לארגון .For לשנות כל מתוכם זה יוצג בצורה של קישורים שיוביל לדפים שונים, להשתמש בקוד: <html> <head> <title> אתר </ title> <style type = "text / css"> מסובב # div {position: relative; גובה: 150px; margin-left: 15px;} div # rotator ul li {float: left; תפקיד מוחלט רשימה בסגנון: none;} div # מסובבי ul li.show {z-index: 500;} </ style> <script type = "text / javascript" src = "http://code.jquery.com/jquery- latest.min.js "> </ script> <script type =" text / javascript "> theRotator פונקציה () {$ (" li ul div # המסובב ") CSS ({אטימה: 0.0}) ;. $ ("div # rotator ul li: first") css ({אטימות: 1.0}); setInterval ("סיבוב ()", 5000); פונקציה} לסובב () {var הנוכחי = ($ ( "div # מסובבי ul li.show") $ ( "div # מסובבי ul li.show"): $ ( "div # מסובבי ul li: הראשון"?)); var הבא = ((current.next (אורך)) ((current.next () hasClass ( "המופע")) $ ( "div # מסובבי ul li: הראשון"):.?.? current.next ()): $ ("div # rotator ul li: first")); // var sibs = current.siblings (); // var rndNum = Math.floor (Math.random () * sibs.length); // var next = $ (sibs [rndNum]); ({אטימה: 0.0}) next.css .addClass ( "מופע") .animate ({אטימה: 1.0}, 1000); current.animate ({אטימות: 0.0}, 1000) .removeClass ("הצג"); }; $ (document) .ready (function () {theRotator ();}; </ Script> </ head> <body> <div id = "המסובב"> <ul> <li class = "צג"> <a href="adres_stranitsy_1"> <img src = "/ images / images / 1. "width =" 500 gif "height =" 313 "alt =" pic1 "/> </a> </ li> <li> <a href=" adres_stranitsy_2"> <img src =" / images / images / 2. "width =" 500 gif "height =" 313 "alt =" pic2 "/> </a> </ li> <li> <a href=" adres_stranitsy_3"> <img src =" / images / images / 3. gif "width =" 500 "height =" 313 "alt =" pic3 "/> </a> </ li> </ ul> </ div> </ body> </ html>
3
כדי לפתוח את הדף שאליו הקישור מוביל בחלון נפרד, עליך להוסיף את היעד לתכונה = "_ ריק": <a href="address_page" target="_blank"> עבור </a>.
4
אם מסמך ה- html ארוך מדי, אתה יכוללשים קישורים בתוכו. לדוגמה, ממש בהתחלה אתה יכול לעשות תוכן עניינים, וכאשר אתה לוחץ על כותרת מסוימת, המשתמש יעבור לחלק הרצוי של הדף. כדי לעשות זאת, עליך לרשום קישור עם #: <a href="#button לסימניה "> עבור אל הקטע </a> וליצור סימנייה לקישורים: <a name="the path to the Bookmark "> סעיף </a>. זה יהיה ככה: <html> <head> <title> אתר </ title> <body> <a href="#path to bookmark"> קישור אל קטע </a> <a name = "path to tab "> קטע </a> </ body> </ html>
טיפ 2: כיצד לכתוב קישור
עבור כל אתר העיצוב שלה ואת התוכן הוא חשוב. כדי לקשר את שני הרכיבים, בונה האתר משתמש בקישור. המשתמש הממוצע לוחץ על הקישור "חדשות" ומקבל גישה לאתר עם החדשות. קישורים הם גם נושא של עסקים באינטרנט, אבל נוכל להבין איך ליצור קישור במסמך html.
הוראות
1
כדי ליצור אלמנטים בשפה html, השתמשתגים. בעת יצירת הקישור, נשתמש גם בהם. ליצירת קישור באתר, התג "a" עונה. תג זה נסגר, לכן אל תשכח, סגור אותו מיד. בין תגיות, אתה יכול מיד לכתוב את שם הקישור.
2
המאפיין הדרוש של התג "a" הוא "href". יש תמיד לציין זאת. היא אחראית לכתובת של המסמך אליו יצביע הקישור. לשם כך, אנו מקצים את הערך של הכתובת (href = "כתובת הקישור") לתכונה.
3
עכשיו אתה צריך להגדיר את הכתובת בהתאםזה שבו הוא מצביע. אם הכתובת מפנה לאתר אחר, עליך לציין את הנתיב המלא למשאב או למסמך שנמצא. אבל אם הדף או המסמך נמצאים באתר שלך, אז רק שם הדף הוא prescribed. במידת הצורך, תוכל לציין את המזהה של התג שאליו יפנה הקישור. לדוגמה, תוכל ליצור קישור שכאשר לוחצים עליו ישלח את המשתמש מקצה המסמך לתחילתו. בדרך כלל הם נקראים "למעלה". לשם כך, אנו מקצים את התג "body" עם המזהה "top" (id = "top"). לאחר מכן, להקצות את הערך "href" לערך "#top". עכשיו בעת לחיצה על קישור זה המשתמש ילך לחלק העליון של הדף.
4
כברירת מחדל, כאשר תלחץ על קישור,דף באותו חלון. כדי לפתוח את הקישור בחלון חדש, עליך לציין את המאפיין "target". תן לו את הערך של "_blank". עכשיו הקישור ייפתח בחלון חדש. התכונה "_self" תחזיר את הפתיחה המקורית של הקישור באותו חלון.
