HTML

HTML Links
الروابط في لغة HTML

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

التاريخ

29 يناير 2020

الدروس

48

المستوى

مبتدئ

اللغة

عربي

المشاهدات

17968

المواضيع

12
الشروحات chevron_left HTML Links chevron_left HTML

HTML Links
الروابط في لغة HTML

</> href attribute with links in html
خاصية href مع الروابط في لغة html

تعتبر attribute [ href ] الخاصية الأكثر أهمية لعنصر <a>، فهي تشير إلى عنوان link الرابط أو العنصر المقصود الذهاب إليه داخل صفحة HTML.

يجب أن تحتوي open tag علامة البدء [ <a> ] على الخاصية [ href attribute ] لنضع بداخلها value قيمة، وهذه القيمة تحمل بداخلها وظائف يقوم بها عنصر <a> وهي:

  •  internal link رابط صفحة HTML داخلي.
  • external link رابط صفحة HTML خارجي.
  • sections of a page عنوان جزء من الصفحة.
  • media files أجزاء من ملفات الوسائط، مثل: الفيديوهات، والصوتيات.
  • telephone numbers أرقام الهواتف.
  • email addresses عناوين البريد الإلكتروني.
  • sms numbers إرسال الرسائل.
Internal HTML link

مثال يوضح internal links الروابط الداخلية في صفحة HTML.

<a href="value">Visit closetag.com!</a>
ملاحظة
يجب وضع value القيم الخاصة بـ href attribute داخل علامات تنصيص، سواء double quotes علامات تنصيص مزدوجة [ " " ] أو single quotes علامات تنصيص مفردة [ ' ' ].

</> absolute URLs vs. relative URLs in HTML
الروابط الداخلية والروابط الخارجية في لغة html

relative URLs الروابط الداخلية وabsolute URLs الروابط الخارجية هي ربط نص أو عنصر، برابط صفحة داخلية أو رابط صفحة خارجية.

  • الروابط الداخلية relative URLs أو internal URL هي صفحة بجوار الصفحة التي نُنشأ بداخلها هذا الرابط، وتكون في نفس التطبيق أو نفس الموقع الإلكتروني same domain name.

فإذا كنت تنشأ الرابط بداخل صفحة اسمها index.html والنص مربوط بصفحة أخرى contact.html بجوار صفحة HTML، فهذه هي الروابط الداخلية.


  • الروابط الخارجية absolute URLs أو external URL وهي صفحة ليست بجوار الصفحة التي نُنشأ بداخلها هذا الرابط، وتكون من خارج  التطبيق لتطبيق آخر أو موقع إلكتروني أخر  another domain name.

    فإذا كنت تنشأ الرابط بداخل صفحة اسمها index.html والنص مربوط بصفحة خارجية أخرى من موقع google.com مثلاً، فهذه صفحة خارجية ليس لها علاقة بالصفحة الأولى.

    HTML internal links

    مثال توضيحي لاستخدام internal links الروابط الداخلية داخل صفحة HTML.

    <a href="contact.html">Visit closetag.com!</a>
    HTML external links

    مثال توضيحي لاستخدام external links الروابط الخارجية داخل صفحة HTML.

    <a href="https://www.closetag.com">Visit closetag.com!</a>
    ملاحظة

    في حال ربط صفحة ويب بصفحة على موقع آخر، أي ستذهب إلي رابط خارجي على الإنترنت، يجب عليك إدخال الرابط كاملاً مع https ، أما إذا كان الرابط يقود إلى رابط داخلي في نفس موقع الويب، فيمكن كتابة المسار الخاص بالصفحة فقط.

    معلومات تهمك
    • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
    • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
    مشاركة
    0
    0
    0
    0
    عدد المشاركات
    هل هذه المعلومات نالت إعجابك ؟
    0
    0
    عدد التقييمات