الروابط والوصلات

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

ولاضافة الروابط الى صفحتك قم باستخدام الوسم <a>  وهو يستخدم بالشكل التالي :

<a href="5">عنوان الرابط</a>

عنوان الرابط معروف وهو النص الذي سيظهر على المتصفح

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

لنأخذ مثال على هذا

سنقوم بعمل رابط بعنوان موقع التقنية اليوم عند الضغط عليه تنتقل الى موقع التقنية اليوم وسيكون الوسم بالشكل التالي :

<a href="http://www.dtarabia.co.cc">موقع التقنية اليوم </a>

وستكون النتيجة بالشكل التالي:

موقع التقنية اليوم

وملاحظة : يمكنك استخدام هذا الوسم للانتقال الى احد صفحات موقعك بدلا من الانتقال الى موقع اخر بحيث يكون الوسم بالشكل التالي :

<a href="about.html">عنوان الرابط</a>

 حيث ان about.html هي الصفحة التي سينتقل اليها الزائر عند الضغط على الرابط

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

 <a href="5"><img src="6"></a>

بحيث تستبدل الرقم خمسة بالرابط الذي سينتقل اليه الزائر عن الضغط على الصورة

وتستبدل الرقم ستة بمسار الصورة التي ستظهر للزائر

مثال :
سنضغ صورة عن الضغط عليها تنتقل للرابط التالي :  http://www.dtarabia.co.cc/feeds/posts/default?alt=rss ورابط الصورة التي سنستخدمها هو : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgY4I2WGlvKeQvcLk8tFQZuBnGSSP0hsFY0DlFC4Cp1LThmgZmJOzalY00Sjmew5L964H__j1huM7g_u-STZZAtBA-wP4j_nz8N18m73KsnTqxJIX8F2z0RimzMpwrCtKeOS40MsgpbWLT/

وسيكون الوسم بالشكل التالي :


وستكون النتيجة بالشكل التالي :

وبالنسبة للصور وادراجها سنتعلمها ان شاء الله في الدرس المقبل .

الانتقال الى فهرس الدروس ...