كيفية عمل رابط داخلي في صفحة الويب بلغة html
السلام عليكم ورحمة الله وبركاته
سنتعرف في هذا الدرس علي طريقة عمل الروابط الداخلية في صفحة الويب بلغة html, سنعتمد في هذه الطريقة علي وسم الروابط <a>.
وتستخدم الروابط الداخلية في صفحة الويب اذا كان لديك صفحة تحتوي علي محتوي كبير علي الويب وتريد ان تذهب لفقرة معينه في هذا المحتوي دون النزول في الصفحة ومحاولة ايجاد هذه الفقرة فلهذا نقوم باستخدام الروابط الداخلية لتنظيم الصفحة عن طريق عمل اقسام في اول الصفحة تحتوي علي الفقرات بالترتيب (الفقرة الاولي والثانية والثالثة) مثلاً وفيما يلي سنتعرف علي كود عمل هذه الروابط الداخلية.
كود عمل الروابط الداخلية في صفحة الويب بلغة html
لاحظ في هذا الكود
<body dir="rtl">
<a href="#para3" > الفقرة الثالثة </a>
<h1 id="para3"> عنوان الفقرة الثالثة </h1>
<p> محتوي الفقرة الذي نريده </p>
</body>
شرح الكود السابق:
1. اولاً في هذا الكود نريد ان نعمل رابط داخلي لعنوان الفقرة الثالثة para3 وسمها <h1> واضفنا اليها الواصفة id و وضعنا بها الفقرة الثالة para3.
2. الوسم <p> هنا يمثل محتوي الفقرة الثالثة التي نريد عمل رابط داخلي لها.
3. قمنا في بداية الصفحة قبل العنوان والمحتوي بأضافة الرابط الداخلي للفقرة الثالثة عن طريق وسم الرابط <a> واضفنا الواصفة herf لنضيف الفقرة الثالثة para3 يسبقها هذه العلامة # لاننا قمنا بأضافة الواصفة id وستظهر كما في الصوره الظاهرة لتوضيح الكود.
4. يمكنك ايضاً اضافة العديد من الروابط الداخلية في الصفحه الواحدة بنفس الطريقة
 |
| الصورة الظاهرة لتوضيح الكود |
وفي نهاية هذا الدرس نرجو ان نكون قد افدناكم حتي لو بالقليل وشكراً لكم
تكلمنا في هذا الدرس عن:
طريقة عمل الروابط الداخلية في صفحة الويب بلغة html
تعليقات
إرسال تعليق