الدرس السادس: الروابط في HTML

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

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

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

لإنشاء رابط، نستخدم العنصر <a> مع السمة href لتحديد عنوان الرابط.

<a href="URL">النص المراد عرضه</a>

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

<a href="https://www.example.com">اضغط هنا لزيارة الموقع</a>

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

يمكنك استخدام السمة target مع القيمة _blank لفتح الرابط في نافذة أو علامة تبويب جديدة.

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

روابط البريد الإلكتروني:

يمكنك إنشاء رابط لفتح تطبيق البريد الإلكتروني باستخدام البروتوكول mailto:.

<a href="mailto:example@email.com">إرسال بريد إلكتروني</a>

الروابط داخل نفس الصفحة:

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

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

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

    

إضافة عنوان للرابط:

يمكنك استخدام السمة title لإضافة نص يظهر عند تمرير الماوس فوق الرابط.

<a href="https://www.example.com" title="هذا هو موقع مثال">زيارة موقع مثال</a>

الخلاصة:

في هذا الدرس تعلمنا كيفية إنشاء الروابط باستخدام العنصر <a>، وكيفية التحكم بفتح الروابط في نافذة جديدة، وإنشاء روابط بريد إلكتروني أو روابط تؤدي إلى أقسام داخل الصفحة.