نصيحة 1: كيفية كتابة رابط على الموقع

نصيحة 1: كيفية كتابة رابط على الموقع

إنشاء الملاحة مريحة وبديهية على الموقع باستخدام الروابط. هذه الطريقة تسمح لك لجعل البقاء المستخدم على صفحات الموارد مريحة قدر الإمكان.

كيفية كتابة رابط على الموقع

تعليمات

1

يتم إنشاء أي رابط باستخدام <a> تاج،والتي يجب إغلاقها مع </a>. يتم تحديد عنوان الصفحة في علامات اقتباس بعد سمة هريف. والنتيجة ينبغي أن ننظر بشيء من هذا القبيل: <HTML> <HEAD> <عنوان> موقع </ title> </ head> <body> <a href= "foto.html"> انتقل إلى معرض الصور </A> </ body> < / هتمل> لجعل الانتقال إلى الصفحة موجودة في مساحة الإنترنت، حدد عنوانه، على سبيل المثال، KakProsto.ru. للاتصال بملف هتمل على الكمبيوتر، اكتب المسار إليه. من الناحية المثالية، فإنه من المستحسن للتبديل إلى اللغة الإنجليزية للقضاء على السجلات الطويلة التي تحدث عند نسخ النص باللغة الروسية ومن ثم ترجمته إلى الشكل المطلوب. على سبيل المثال، ملف: /// 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>. لتحوم على أيقونة صغيرة يؤدي إلى التوضيح الكامل لحجم أكبر، تحتاج إلى استخدام مجموعة <a href="kartinka_big.png"> <IMG SRC = "/ صور / kartinka_small.png"> </A> صور بديلة منظمة. للحصول تتغير كل والتي سيتم تقديمها في شكل وصلات وتؤدي إلى صفحات مختلفة، استخدم رمز: <HTML> <HEAD> <عنوان> موقع </ title> <نوع النمط = "نص / المغلق"> شعبة # المدورة {الموقف: النسبية. هيت: 150px؛ مارجين-ليفت: 15px؛} ديف # روتاتور أول لي {فلوت: ليفت؛ موقف: المطلق؛ على غرار القائمة: لا شيء؛} # شعبة المدورة المجاهدين li.show {ض مؤشر: 500؛} </ النمط> <نوع النصي = "نص / جافا سكريبت" SRC = "http://code.jquery.com/jquery- latest.min.js "> </ script> <نوع النصي =" نص / جافا سكريبت "> وظيفة theRotator () {$ (" شعبة # المدورة ماي لي ") المغلق ({التعتيم: 0.0})؛. $ ("ديف # روتاتور أول لي: فيرست") كس ({أوباسيتي: 1.0})؛ سيتينترفال ("روتيت ()"، 5000)؛ } وظيفة تدوير () {فار الحالي = ($ ( "شعبة # المدورة المجاهدين li.show") $ ( "شعبة # المدورة المجاهدين li.show"): $ ( "شعبة # المدورة المجاهدين لى: أولا"؟))؛ فار المقبل = ((current.next () طول) ((current.next () hasClass ( "العرض")) $ ( "شعبة # المدورة المجاهدين لى: أولا"):.؟.؟ current.next ()): $ ("ديف # روتاتور أول لي: فيرست"))؛ // فار سيبس = current.siblings ()؛ // فار rndNum = Math.floor (Math.random () * sibs.length)؛ // فار نيكست = $ (سيبس [رنوم])؛ next.css ({التعتيم: 0.0}) .addClass ( "العرض") .animate ({التعتيم: 1.0}، 1000)؛ current.animate ({أوباسيتي: 0.0}، 1000) .removeClass ("شو")؛ }؛ $ (دوكومنت) .ready (فونكتيون () {ثيروتاتور ()؛})؛ </ script> </ head> <body> <div معرف = "المدورة"> <UL> <لى الطبقة = "عرض"> <a href="adres_stranitsy_1"> <IMG SRC = "/ صور / صور / 1. اف "العرض =" 500 "ذروة =" 313 "بديل =" pic1 "/> </A> </ لى> <li> و<a href=" adres_stranitsy_2"> <IMG SRC =" / صور / صور / 2. اف "العرض =" 500 "ذروة =" 313 "بديل =" pic2 "/> </A> </ لى> <li> و<a href=" adres_stranitsy_3"> <IMG SRC =" / صور / صور / 3. اف "العرض =" 500 "ذروة =" 313 "بديل =" pic3 "/> </A> </ لى> </ UL> </ div> </ body> </ HTML>

3

لفتح الصفحة التي يؤدي إليها الرابط في نافذة منفصلة، ​​يجب إضافة السمة تارجيت = "_ بلانك": <a href="address_page" target="_blank"> الانتقال </a>.

4

إذا كان المستند هتمل طويل جدا، يمكنكوضع الروابط داخله. على سبيل المثال، يمكنك في البداية إنشاء جدول محتويات، وعند النقر على عنوان معين، سينتقل المستخدم إلى الجزء المطلوب من الصفحة. لإجراء ذلك، يلزمك تسجيل رابط باستخدام #: <a href="#button إلى bookmark"> الانتقال إلى القسم </a> وإنشاء إشارة مرجعية للروابط: <a name="the باث تو ذي bookmark"> سيكتيون </a>. لوك ستظهر على النحو التالي: <هتمل> <هيد> <تيتل> سيت </ تيتل> </ هيد> <بودي> <a href="#path تو bookmark"> لينك تو سيكتيون </a> <a نيم = "باث تو تاب "> القسم </a> </ بودي> </ هتمل>

نصيحة 2: كيفية كتابة رابط

لأي موقع تصميمه ومحتواه المهم. لربط هذين العنصرين، يستخدم منشئ الموقع الرابط. ينقر المستخدم العادي على رابط "الأخبار"، ويحصل على إمكانية الدخول إلى الموقع باستخدام الأخبار. الروابط هي أيضا موضوع الأعمال التجارية على الإنترنت، ولكننا سوف معرفة كيفية إنشاء ارتباط في وثيقة هتمل.

كيفية كتابة رابط

تعليمات

1

لإنشاء عناصر بلغة هتمل، استخدمالعلامات. عند إنشاء الرابط، سوف نستخدمها أيضا. لإنشاء ارتباط على الموقع، علامة "أ" الأجوبة. يتم إغلاق هذه العلامة، لذلك لا ننسى، على الفور إغلاقه. بين العلامات، يمكنك كتابة اسم الرابط على الفور.

2

السمة المطلوبة للعلامة "a" هي "هريف". ويجب دائما الإشارة إليه. وهي مسؤولة عن عنوان الوثيقة التي تشير إليها الصلة. للقيام بذلك، نقوم بتعيين قيمة العنوان (هريف = "عنوان الرابط") إلى السمة.

3

الآن تحتاج إلى تعيين عنوان وفقا لواحد حيث يشير. إذا كان العنوان يشير إلى موقع آخر، تحتاج إلى تحديد المسار الكامل إلى المورد أو المستند الموجود هناك. ولكن إذا كانت الصفحة أو المستند على موقعك، فسيتم وصف اسم الصفحة فقط. إذا لزم الأمر، يمكنك تحديد معرف العلامة التي سيشير إليها الرابط. على سبيل المثال، يمكنك إنشاء رابط يؤدي عند النقر عليه إلى إرسال المستخدم من نهاية المستند إلى البداية. وعادة ما تسمى "أوب". وتحقيقا لهذه الغاية، نقوم بتعيين علامة "الهيئة" مع معرف "أعلى" (إد = "أعلى"). بعد ذلك، قم بتعيين القيمة "هريف" إلى القيمة "#top". الآن عند النقر على هذا الرابط سوف يذهب المستخدم إلى أعلى الصفحة.

4

بشكل افتراضي، عند النقر على رابط،في نفس النافذة. لجعل الرابط مفتوحا في نافذة جديدة، يجب تحديد السمة "تارجيت". أعطاه قيمة "_blank". الآن سيتم فتح الرابط في نافذة جديدة. سوف ترجع السمة "_self" الافتتاح الأصلي للرابط في نفس النافذة.