الدرس الثاني: إنشاء الروابط في HTML

ما هي الروابط في HTML؟

الروابط (Links) هي أحد أهم عناصر صفحات الويب. تُستخدم الروابط للانتقال بين الصفحات أو إلى أجزاء مختلفة من نفس الصفحة. في HTML، يتم إنشاء الروابط باستخدام العنصر <a>.

كيفية إنشاء رابط في HTML:

يتم تحديد الرابط باستخدام العنصر <a> ويتم تحديد الوجهة باستخدام السمة href، التي تحتوي على عنوان الـ URL الذي سيتم الانتقال إليه عند النقر على الرابط.

مثال على رابط بسيط:

<a href="https://www.example.com">اضغط هنا للذهاب إلى موقع Example</a>

شرح الكود:

• <a>: هو العنصر المستخدم لإنشاء الرابط.
• href="https://www.example.com": هو السمة التي تحدد وجهة الرابط.
• النص بين العلامات هو النص الذي يظهر للمستخدم ليضغط عليه.

الروابط الداخلية والخارجية:

• الروابط الخارجية: هي الروابط التي تقود المستخدم إلى مواقع ويب خارج الموقع الحالي. على سبيل المثال:

  <a href="https://www.google.com">اذهب إلى Google</a>

• الروابط الداخلية: هي الروابط التي تقود المستخدم إلى صفحات أخرى داخل نفس الموقع. على سبيل المثال:

  <a href="مقالة.html">قراءة المقالة</a>

الروابط إلى أجزاء معينة داخل نفس الصفحة:

يمكنك أيضًا إنشاء روابط تؤدي إلى أجزاء معينة داخل نفس الصفحة باستخدام id. مثال:

<h2 id="قسم1">القسم الأول</h2>

ثم الرابط:

<a href="#قسم1">اذهب إلى القسم الأول</a>

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

<a href="https://www.example.com" target="_blank">افتح موقع Example في نافذة جديدة</a>

الخلاصة:

في هذا الدرس تعلمنا كيفية إنشاء الروابط في HTML، سواء كانت روابط خارجية أو روابط داخلية داخل نفس الموقع، وكذلك كيفية إنشاء روابط تؤدي إلى أجزاء معينة داخل الصفحة. كما تعلمنا كيف يمكن فتح الروابط في نافذة جديدة باستخدام السمة target="_blank".