الروابط داخل لغة HTML

ما هي HTML Links ؟


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

Hyperlinks


الروابط داخل لغة HTML هي إرتباطات تشعبية.
يُمكنك النقر فوق إرتباط والإنتقال إلى  صفحة ويب اخري.
عند تحريك الماوس فوق أحد الإرتباطات، يتحول سهم الماوس إلى يد صغيرة.
ملاحظة: لا يجب أن يكون الرابط نصاً. يُمكن أن يكون صورة أو أي عنصر HTML آخر.

HTML Links

في لغة HTML، يتم تحديد الروابط بإستخدام الوسم <a>.
<a href="url">link text</a>
مثال:

<a href="https://www.T3lemOnline.com">Visit our Home Page</a>

تحدد السمة href عنوان الوجهة "https://www.T3lemOnline.com" للرابط.
نص الرابط هو الجزء المرئي، سيؤدي النقر فوق نص الرابط إلى إرسالك إلى العنوان المحدد.
ملاحظة: بدون شرطة مائلة للأمام في نهاية عناوين المجلدات الفرعية، قد تقوم بإنشاء طلبين إلى الخادم.
ستضيف العديد من الخوادم تلقائياً شرطة مائلة للأمام إلى نهاية العنوان، ثم تُنشئ طلباً جديداً.

الروابط المحلية

أستخدم المثال أعلاه عنوان URL مطلق أي عنوان ويب كامل.
يتم تحديد رابط محلي "رابط إلى نفس موقع الويب" بإستخدام مُحدد موقع معلومات نسبي "بدون https: // www ....".
مثال:
<a href="html_images.asp">HTML Images</a>

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

بشكل إفتراضي، سيظهر الرابط كهذا في جميع المتصفحات:
  • يتم وضع خط تحت رابط غير متوقع والأزرق.
  • تم وضع خط أسفل الرابط الذي تمت زيارته والأرجواني.
  • يتم وضع خط أسفل الرابط النشط والأحمر.
  • يمكنك تغيير الألوان الافتراضية بإستخدام لغة CSS.
مثال:
<style>
a:link {color: green;background-color: transparent;text-decoration: none;}
a:visited {color: pink;background-color: transparent;text-decoration: none;}
a:hover {color: red;background-color: transparent;text-decoration: underline;}
a:active {color: yellow;background-color: transparent;text-decoration: underline;}
</style>

السمة target

تُحدد مكان فتح المستند المُرتبط.
يُمكن أن تحتوي سمة الهدف target على إحدى القيم التالية:
_blank: يفتح المستند المرتبط في نافذة أو علامة تبويب جديدة.
_self: فتح المستند المرتبط في نفس النافذة أو علامة التبويب أثناء النقر فوقه "هذا هو الإعداد الافتراضي".

0 التعليقات

إرسال تعليق