Menu
CoddyTech
flag Ar iconالعربيةdown icon

الروابط

جزء من قسم الأساسيات في رحلة HTML على Coddy. الدرس 21 من 60.

في HTML، يُعدّ الرابط (أو الرابط التشعبي) عنصرًا يربط صفحة ويب بأخرى. 

يمكنك إنشاء روابط إلى صفحات ويب أخرى أو ملفات أو مواضع داخل الصفحة نفسها أو أي عنوان URL آخر. تُنشأ الروابط باستخدام الوسم <a>، وهو اختصار لكلمة anchor (مرساة).

إليك الصياغة الأساسية لإنشاء رابط في HTML:

<a href="url">Link text</a>
  • <a>: وسم الرابط الافتتاحي.
  • href: عنوان URL الوجهة للرابط.
  • Link text: النص الظاهر الذي سيراه المستخدمون وينقرون عليه.
  • </a>: وسم الرابط الختامي.

إليك مثالًا على كيفية إنشاء رابط إلى الصفحة الرئيسية لـ Google:

<a href="https://www.google.com">Visit Google</a>

في هذا المثال، عندما ينقر المستخدم على النص "Visit Google"، سينتقل إلى https://www.google.com.

challenge icon

التحدي

سهل

أنشئ مستند HTML يتضمن الروابط التالية:

  1. رابط يشير إلى "https://coddy.tech" ويعرض النص "Visit Coddy".
  2. رابط يشير إلى "https://www.google.com" ويعرض النص "Visit Google".

إضافة: جرّب النقر على الروابط!

جرّب بنفسك

<!DOCTYPE html>
<html>
    <body>
        <!-- اكتب الكود هنا -->
    </body>
</html>
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس الأساسيات

تدرّب بنفسك: Playground لـ Web