مقدمة عن الروابط في لغة HTML

أهلاً بك مجدداً أيها المبرمج الصغير في الدرس الرابع من دورة تعلم لغة HTML للمستوى المبتدئ. في الدرس السابق، تعلمifنا كيف نضيف الصور ونزين صفحاتنا، واليوم سنتعلم كيف نجعل صفحاتنا تتفاعل مع العالم الخارجية من خلال إنشاء الروابط (Links). الروابط هي عصب شبكة الإنترنت؛ فهي التي تربط الصفحات ببعضها وتسمح للمستخدم بالتنقل بسلاسة.

العنصر الأساسي لإنشاء الروابط: الوسم <a>

لكي نقوم بإنشاء رابط تشعبي في لغة HTML، نستخدم الوسم <a> (وهو اختصار لكلمة Anchor أي مرساة). ولكي يعمل هذا الوسم بشكل صحيح، فإنه يحتاج إلى خاصية (Attribute) أساسية جداً تسمى href (وهي اختصار لـ Hypertext Reference)، وهذه الخاصية هي التي تحدد الوجهة أو الرابط الذي سيتم الانتقال إليه عند النقر على النص.

مثال عملي على إنشاء رابط بسيط

إليك كيف يمكننا كتابة رابط يوجه المستخدم إلى موقع جوجل الشهير:

<p>يمكنك البحث عن ما تريد عبر زيارة موقع <a href="https://www.google.com">جوجل</a>.<p>

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

فتح الروابط في نافذة جديدة

في كثير من الأحيان، لا تريد أن يغادر المستخدم موقعك بالكامل عند النقر على رابط خارجي. لتجنب ذلك، يمكنك استخدام خاصية إضافية تسمى target مع القيمة _blank. هذه الخاصية تخبر المتصفح بأن يفتح الرابط في علامة تبويب (Tab) جديدة.

مثال على فتح رابط في نافذة جديدة

<a href="https://developer.mozilla.org" target="_blank" rel="nofollow">تعرف على توثيق MDN الرسمي</a>

يمكنك الاطلاع على المزيد من التفاصيل والخيارات المتقدمة للروابط عبر زيارة التوثيق الرسمي للغة HTML من Mozilla.

خاتمة الدرس

بهذا نكون قد تعلمدينا كيف نضيف روابط تفاعلية ونوجه المستخدمين نحو صفحات أخرى بكل سهولة. احرص على ممارسة ما تعلمته اليوم بتجربة ربط صفحاتك ببعضها البعض. نلتقي في الدرس القادم لنتعلم موضوعاً جديداً ومثيراً!