الدرس 11
إنشاء روابط بين الصفحات وداخل نفس الصفحة
معنى أسماء العناصر والخصائص
ال a اختصار ل Anchor يعني مرساة وهو عنصر إنشاء الرابط وال href اختصار ل Hypertext Reference يعني مرجع النص التشعبي وبتحدد وجهة الرابط
صفحة المكتبة محتاجة طريقة توصل بيها لصفحة معلومات وممكن كمان توصل لقسم معين داخل نفس الصفحة
الرابط بين صفحتين
داخل مجلد learn-html اعمل ملف about.html وانسخ له الهيكل الأساسي من المقدمة مع عنوان ومحتوى مختلفين
في index.html ضيف الرابط التالي داخل body
<a href="about.html">About Our Book Store</a>ال a هو عنصر الرابط وال href بتحدد وجهته أما الكلام بين الوسمين فهو النص اللي هيضغط عليه المستخدم
المسار about.html مناسب هنا لأن الملفين في نفس المجلد
رابط لمكان داخل الصفحة
<a href="#contact">Contact Information</a>
<h2 id="contact">Contact Information</h2>
<p>Visit Our Book Store In Cairo</p>علامة # بعدها قيمة id بتخلي الرابط يشير لعنصر داخل المستند
يعني بتدوس عليه بينزلك لفقرة تحت في نفس الصفحة مثلا
لو الصفحة قصيرة ممكن متلاحظش حركة تمرير لكن عنوان الصفحة في المتصفح هيحتوي على الجزء #contact
رابط لموقع خارجي
<a href="https://developer.mozilla.org/" target="_blank" rel="noopener">MDN Web Docs</a>ال target بالقيمة _blank بتطلب فتح سياق جديد يعني الصفحة بتفتح في Tab جديدة
ال rel بالقيمة noopener بتوضح فصل الوصول إلى نافذة الصفحة الأصلية
ودة شكل رابط لكلمة بين السطور بتودي على موقع معين مثلا
<p>
Please Click <a href="https://elzero.org">Here</a> To Visit Elzero Academy
</p>ودي النتيجة
خلي نص الرابط يوضح وجهته بدل كلام عام زي اضغط هنا ومتفتحش كل الروابط في Tab جديد من غير سبب
تطبيق صغير
ضيف رابط رجوع إلى index.html داخل about.html ثم جرب التنقل في الاتجاهين
بعدها ضيف رابط داخلي لقسم الكتب باستخدام معرف فريد