كثيرا ما نحتاج إلى عمل روابط قفز داخلية في نفس الصفحة من المدونة. كأن تضع عناوين لقصص قصيرة ينقلك كل عنوان إلى قصته, أو روابط لفقرات دراخلية في الصفحة.
وهذا ما سنتعلمه في هذا الدرس.
لكي نقوم بعمل رابط قفز داخلي يلزم كتابة كودين. كود لعنوان الرابط الذي سننطلق منه, وكود للمكان المراد الانتقال إليه. ولابد أن يشترك الكودان في كلمه مشتركه حتى يتم الربك بينهما وهذه الكلمة هي jumplink ويمكن تكرارها أي عدد من المرات مثال
jumplink1 jumplink2 jumplink3 jumplink4 وهكذا
الكود الأول
<a href="#jumplink1">القطعة الذهبية</a> <div>
لاحظ عبارة jumplink1 المظللة بالأخضرهذه هي الكلمة المشتركة
لاحظ العبارة المظللة بالأزرق الفاتح - هنا أكتب عنوان الرابط - أنا كتبت القطعة الذهبية كعنوان قصة قصيرة
الكود الثاني
<div id="jumplink1"><span style="font-size: large;"><b>1- القطعة الذهبية</b></span></div><div id="jumplink1"><p class="MsoNormal" dir="RTL" style="text-align: justify; text-indent: 28.25pt;"><b><span lang="AR-EG" style="font-family: "Times New Roman","serif"; font-size: 15pt; line-height: 115%; mso-bidi-language: AR-EG;">كنت شاردا أفكر في نعم الله عليَّ, إذ أقضي كل صيف أمام أهلا بابا... تعالى.<o:p></o:p></span></b></p><p class="MsoNormal" dir="RTL" style="text-align: justify; text-indent: 28.25pt;"><b><span lang="AR-EG" style="font-family: "Times New Roman","serif"; font-size: 15pt; line-height: 115%; mso-bidi-language: AR-EG;"><br /></span></b></p></div>
</div>
لاحظ عبارة jumplink1 المظللة بالأخضرهذه هي الكلمة المشتركة
لاحظ العبارة المظللة بالأزرق الفاتح - هنا ستكتب عنوان الفقرة أنا كتبت 1- القطعة الذهبية كعنوان للقصة
تعليقات
إرسال تعليق