مفهوم الرابط

الرابط عبارة عن نص أو صورة تشير إلى صفحة أخرى أو ملف عند النقر عليها، فيقوم المتصفح بنقلك إليها.

أشكال الروابط

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

إضافة رابط في الصفحة

نستخدم وسم <a> على الشكل التالي:

<a href="url">text</a>

• text: النص الذي سيظهر للمستخدم ويمكن النقر عليه.
• url: الرابط الذي سينتقل إليه المستخدم عند النقر.

اظهار تلميح عند تمرير الماوس فوق الرابط

يمكنك إضافة الخاصية title في وسم <a> لعرض تلميح:

<a href="page.html" title="انتقل إلى الصفحة">انقر هنا</a>

إضافة رابط كصورة

يمكن وضع الصورة داخل وسم <a> لتكون الصورة هي الرابط:

<a href="page.html">
    <img src="images/example.png" alt="مثال">
</a>