انتقل إلى محتوى الدرس

HTML Link Syntax طريقة كتابة link في لغة HTML

سنتعلم في هذا الدرس كيفية التعامل مع الروابط في HTML، وهي عنصر أساسي لتسهيل التنقل في الويب. وسنتعرف على كيفية صياغة الروابط بشكل صحيح، واستخدام سمة href بفعالية. كما سنوضح الفرق بين الروابط الداخلية والخارجية.

1 صفوف تعليمية
لغة HTML
30,833 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
لإنشاء رابط link في صفحة HTML، نستخدم العنصر <a> وهو من نوع العناصر المتداخلة [nested elements]. ينقسم العنصر <a> كما هو موضح في الصورة إلى:


  • علامة فتح العنصر: <a>.

  • وجهة الرابط: الموجودة داخل السمة [href].

  • نص الرابط: النص الذي يظهر للمستخدم للضغط عليه [Link Text].

  • علامة إغلاق العنصر: ⁦</a>⁩.

النصوص والعناصر المسموح بها داخل <a> تصبح محتوى الرابط عند وجود href؛ لا يجوز تعشيق روابط أو عناصر تفاعلية داخله. عند كتابة العنصر <a> فقط، لن يقوم المتصفح بفتح أي صفحة HTML أخرى عند الضغط على الرابط، لأننا لم نحدد الرابط بعد. لإجراء ذلك، نحتاج لإضافة سمة [href] إضافية لهذا العنصر، والتي ستتعرف عليها في هذا الدرس.



الصورة تشرح الأجزاء، لكنها ترسم علامات اقتباس منحنية؛ في الكود اكتب علامات ASCII المستقيمة " أو '.

طريقة كتابة link في لغة HTML

Link Syntax

طريقة كتابة عنصر <a> لإنشاء رابط link .

HTML
<a>link text</a>