تستخدم الروابط للاشارة الى صفحات ويب اخرى سواء كانت في نفس الموقع او موقع اخر.
الرابط <a>
نستخدم العنصر <a> لانشاء الروابط والصفة href لتحدد موقع الصفحة التي نشير اليها ومحتوى العنصر هو النص الذي نضغط عليه للذهاب الى الموقع. الرابط يعتبر من العناصر التي توجد داخل السطر inline، اي ان العنصر لا ينشأ فراغات او هوامش حوله ولا يحتاج لان يكون في سطر منفرد.
للذهاب الى الصفحة الرئيسة <a href="https://arabituts.com" target="_blank"> اضغط هنا </a>للذهاب الى الصفحة الرئيسة اضغط هنا
قد يحتوى الرابط على عدد من السمات، اهمها:
href
يحدد عنوان الصفحة التي نذهب اليها عند الضغط على محتوى العنصر.
<a href="https://arabituts.com" target="_blank"> اضغط هنا </a>
target
يحدد ما اذا سيتم عرض صفحة الويب التي نذهب اليها في نافذة متصفح جديدة او علامة تبويب جديدة (blank_)، ام سيتم عرضه في نفس النافذة وهو الوضع الافتراضي (self_).
مثال:
<a href="https://arabituts.com" target="_blank"> اضغط هنا </a>
title
يستخدم لاضافة معلومات اضافية الى الرابط. وتظهر في الاغلب بصورة تلميح (tooltip)
تشغيل<a href="https://arabituts.com" target="_blank" title="الصفحة الرئيسة"> اضغط هنا </a>
الصورة الرابط
يمكن للصور ان تكون رابطا. بمعنى انه اذا ضغطنا على الصورة نذهب الى صفحة ويب اخرى. وذلك بجعل محتوى الرابط <a> . بعنصر الصورة <img>، مثال:
اضغط على الصورة للذهاب اللى الصفحة الرئيسة <a href="https://arabituts.com" target="_blank"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg" height="50" width="50"> </a>
الناتج:
اضغط على الصورة للذهاب اللى الصفحة الرئيسة