روابط HTML

توجد الروابط في جميع صفحات الويب تقريبًا تسمح الروابط للمستخدمين بالانتقال من الصفحة إلى الصفحة.

 


روابط HTML الروابط التشعبية

ارتباطات HTML هي ارتباطات تشعبية.

يمكنك النقر فوق ارتباط والانتقال إلى صفحة اخرى.

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

ملاحظة: لا يجب أن يكون الرابط نصًا. يمكن أن يكون صورة أو أي عنصر HTML آخر.

 


وصلات HTML - بناء الجملة

في HTML يتم تحديد الروابط باستخدام الوسم <a>

<a href="الرابط">نص الرابط</a>

مثال

<a href="http://lessons.ly/ar/تصنيف_لغة_Html">لغة Html</a>

تحدد السمة href عنوان الوجهة للرابط.

نص الرابط هو الجزء المرئي

سيؤدي النقر فوق نص الرابط إلى إرسالك إلى العنوان المحدد

 


روابط محلية

استخدم المثال أعلاه عنوان URL مطلق (عنوان ويب كامل).
يتم تحديد رابط محلي (رابط إلى نفس موقع الويب) باستخدام محدد موقع معلومات نسبي بدون http: // www

مثال

<a href="الوان_HTML"> الوان HTML</a>

السمة الهدف او Target

تحدد السمة الهدف مكان فتح المستند المرتبط.
يمكن أن تحتوي السمة الهدف على إحدى القيم التالية:
_blank - يفتح المستند المرتبط في نافذة أو علامة تبويب جديدة
_self - فتح المستند المرتبط في نفس النافذة / علامة التبويب أثناء النقر فوقه (هذا هو الإعداد الافتراضي)
_parent - يفتح المستند المرتبط في الإطار الأصل
_top - يفتح المستند المرتبط في النص الكامل للنافذة
framename -  يفتح المستند المرتبط في إطار مسمى
سيؤدي هذا المثال إلى فتح المستند المرتبط في نافذة / نافذة المتصفح الجديد:

<a href="http://www.lessons.ly/" target="_blank">زيارة موقع دروس</a>

نصيحة: إذا كانت صفحتك على الويب مقفلة في إطار فيمكنك استخدام target = "_ top" للخروج من الإطار

<a href="http://www.lessons.ly/" target="_top">زيارة موقع دروس</a>

 


صورة كرابط

من الشائع استخدام الصور والروابط:

مثال

<a href="http://lessons.ly/ar/">
  <img src="http://lessons.ly/ar/images/Logo.png" alt="موقع دروس">
</a>

 


عنوان الرابط

تحدد السمة title معلومات إضافية حول عنصر ما يتم عرض المعلومات غالبًا كنص تلميح عندما يتحرك الماوس فوق العنصر

مثال

<a href="http://www.lessons.ly/" title=" زيارة موقع دروس"> دروس</a>

 


إنشاء إشارة مرجعية

تستخدم إشارات HTML للسماح للقراء بالانتقال إلى أجزاء معينة من صفحة الويب.
يمكن أن تكون الإشارات المرجعية مفيدة إذا كانت صفحتك على الويب طويلة جدًا.
لإنشاء إشارة مرجعية يجب أولاً إنشاء الإشارة المرجعية ثم إضافة ارتباط إليها.
عند النقر فوق الارتباط سيتم تمرير الصفحة إلى الموقع الذي يحتوي على الإشارة المرجعية.
مثال

أولاً قم بإنشاء إشارة مرجعية بسمة id  

<h2 id="c5">الجزة الخامس</h2>

ثم قم بإضافة ارتباط إلى الإشارة المرجعية ("الانتقال إلى الجزء 5") ، من داخل نفس الصفحة

<a href="#C5">انتقال الى الجزء الخامس</a>

أو أضف رابطًا إلى الإشارة المرجعية ("الانتقال إلى الجزء الخامس ")  من صفحة أخرى

<a href=" الوان_HTML#C5"> انتقال الى الجزء الخامس</a>

 


المسارات الخارجية

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

<a href="http://lessons.ly/ar/تصنيف_لغة_Html">لغة Html</a>

 

دروس لغة Html اخرى