التعامل مع الوصلات والروابط في HTML

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

ماهي الوصلات أو الروابط Links ؟؟

هي الأساس القائم عليه الإنترنت كله, فمصطلح الشبكه يأتي من خلال الترابط والوصلات التشعبيه تلك روح الإنترنت والتي تنقلك من مكان لآخر وتربط ألاف الصفحات وملايين المواقع ببعضها البعض, فمن الصعب بل من المستحيل خلو موقع من الروابط والوصلات.

ما هي أنواع الوصلات؟؟

1- وصله لصفحه داخل الموقع

2- وصله لموقع آخر

3- وصله لفقره داخل الصفحه

4- وصله لبريد إلكتروني E-mail

في البدايه فإن الوسم الخاص بعمل الروابط هو   a  >     < /a >>

وهي إختصار لكلمه anchor وذلك الوسم له تابع مهم لا يعمل بدونه وهو href ليكون وضع الوسم الكامل هو

href = " " >      </a>        a  >

وصله لصفحه أخري

يعتمد علي نفس درجه التعامل مع الصور  ومساراتها بالنسبه للصفحه المراد وضع الرابط فيها فمثلا:-

< a href="page8.html  "<click here>/a<     

ستجد عباره click here عند الوقوف عليها بالفاره (الماوس) فإنه يأخذ شكل يد دلاله انه الضغط عليها سوف يوصل إلي مكان آخر وهوpage8. html  وتختلف عباره page8.html بالنسبه لمسارها إذا كانت في مجلد واحد مع الصفحه المراد الربط بها أو في مجلد آخر....وهكذا(بنفس طريقه التعامل مع الصور تماما)

وصله لموقع آخر

لنفترض أنك تريد وضع وصله في صفحتك للذهاب لموقع جوجل مثلا  Google)) وعنوان الموقع كما هو معروف www.google.com , بديهيا عند كتابه الكود الخاص بالوصله لتلك الصفحه فإنه سيكون بالطريقه الآتيه:-

>a href=www.google.com<click here to visit google >/a<

لكن عند التنفيذ والضغط علي الواصلة سيعطي لك النتيجه الآتية

HTML26_03

لاحظ شريط العنوان والمكتوب فيه يدل علي أنه تعامل معها علي انها وصله لصفحة في نفس

المجلد وهذا خطأ, فلم نحقق الهدف المطلوب والطريقة الصحيحة هو ان نضع قبل عنوان الموقع البروتوكول المستخدم وهو دائما ((http ويكون الكود هكذا:-

>a href= http://www.google.com<Click here to visit google >/a<

وصله لفقره داخل الصفحة

لفهم المطلوب من تلك الجزئيه إكتب الكود التالي فيnotepad وشاهد النتيجه:-

بفرض اسم الصفحه page4.html

>HTML<

>head<

>title< وصله في نفس الصفحه >/title<

>/head<

>body<

>center>الفقره الأولي  >/center<

>br<        

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

 >br<

>br<

<p dir="rtl"> هنا موقع الفقره الأولي

>/body<

>/HTML<

بالطبع ستجد الصفحه عباره عن عباره في الأعلي وعباره في الأسفل , والمطلوب عند الضغط علي العباره العليا توصلك إلي العباره السفلي.         

نفس الإستخدام لكن في البدايه نطلق علي العباره المراد الذهاب إليها إسما عن طريق الوسم  a> والتي نطلق عن طريقها اسما للفقره حتي نستطيع ان نناديها من الرابط الاخري, وعند الرابط المراد نكتب اولا اسم الصفحه ثم اسم الفقره (حيث يمكنك عمل رابط لفقره في صفحه اخري)

 >HTML<

>head<

>title< وصله في نفس الصفحه

>/head<

>body<

>center><a href = '' page4.html#link''>الفقرة الأولي</a></center>

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<

>br<      

>br<

>br<

>p dir= "rtl" < >a name= "link"< هنا موقع الفقره الأولي >/a<

>!...تسميه الفقره <

>/body<

/>  HTML<

وصله لبريد إلكتروني E-mail

>a href=''mailto:local@local.com''<Email Me >/A<

تعليقات

المشاركات الشائعة من هذه المدونة

الشاشة الإفتتاحية لإكسل

أوامر الجافا سكريبت JavaScript

مقدمة عن برنامج الأكسل Excel ( الجداول الألكترونية )