سلسلة دروس html- الدرس الثاني
نبدأ باذن الله الدرس الثاني من لغة تأشيرالنص التشعبي
و هذا رابط للدرس الصفر و الاول لمن يحب قرائته:
============================
التعامل مع الارتباطات :
* النص التشعبي :
تعتبر ارتباطات النص التعبي من أهم الأشياء التي تميز لغة الhtml و بدونها ستتكون اللغة نظام للعرض فقط- تسمح
الارتباطات بالتنقل ضمن صفحة طويلة او بين صفحات الموقع المتعددة و كذلك الانتقال الى صفحات مواقع اخرى عبر الشبكة
العنكبوتية و الولوج للملفات و المصادر الاخرى الموجودة على الوب و يتم استخدام الوسم التالي لتحديد الارتباط :
الكلام الذي يدل على الرابط و لكن طبعا من اليسار
حيث ان "رابط الصفحة" هو عنوان الموقع الذي سوف يتم القفز اليه اما الكلام بعد وسم الاغلاق فهو النص أو الصورة التس
سوف يتم النقر عليها لتفعيل الارتباط.
* عناوينurl و الارتباطات عبر الوب :
تمتلك كل صفحة او ملف او شخص على الانترنت عنوان url يقوم بتحديد مكان وجود المصدر و كيفية الاتصال به و ياخد
url الشكل التالي:
http://domin name/directory/page
حيث يخبر http:// المتصفح كي يقوم باستخدام النص التشعبي ليتص معه
و يوجد العديد من البرتوكولات المختلفة كملاحظة
أما domin name فهو عنوان الموقع و يبدأ عادة بالرمز www و غالبا يكون الاسم الحقيقي للمنظمات.
يجب على العنوان ان يتضمن اسم الفهرس dirctory و ذلك في حال كان الملف او الصفحة مخزنا في فهرس فرعي.
اما page فهو اسم الملف او الصفحة مع الامتداد.
مثال :
<html> <haed> <title> الارتباطات </title> </haed> <body> <h1>الرتباطات في لغة التش تي ام ال</h1> يمكن ان يكون الرتياط على هيئة نص او صورة او تصميم فلاش... <a herf="http://www.arabteam2000.com">ارتباط الى منتديات الفريق العربي للبرمجة </a> </body> </html>
* الارتباطات ضمن الصفحة :
من أجل الصفحات الطويلة يتوجب القيام بوضع وسائل التنقل و الحل بوضع نقاط ارساء يتم تضمينها في المستند و يمكن احتفاظ
بارتباطات لها في لاتحة المحتويات التي يفضل ان توجد اعلى الصفحة و بذلك يتم بسهولة التنقل في الصفحة.
يستخدم للارساء الوسم كارتباطات و لكن هذه المرة مع استخدام خيار الاسم name و ذلك لعنونة
الوجهة و تبدو نقاط الارساء كما يلي :
opportunities
عند الارتباط مع نقطة ارساء فانurl سيكون اسم نقطة الارساء مسبوقا بالاشارة# مثال :
* مثال شامل :
<html> <head><title>الارتباطات </title> </head> <body> <a name = pagetop><h1>منتديات الفريق العربي للبرمجة</h1></a> <a herf=#apps>applications</a> . <a herf = #inet>the internet</a> . <a herf= #progs>programing</a> <a name = apps><h3>applications</h3></a> word excel access powerpoint frontpage<br >go to<a herf =#pagetop>top of page </a> <a name = inet><h3>internet</h3></a> The internet in color(double-size) searching the intrnet compuserve <a herf =#pagetop> top of page </a> <a name=progs> <h3>programming</h3></a> c++ html java javascript go to <a herf =#pagetop>top of page</a> </body> <html>
* الوسم
ن المسارات تكون نسيبة الى موضع الصفحة التي تتضمن الارتباطات كما يمك جعل هذه المسارات منسوبة الى موضع صفحة
أخرى اذا لزم الامر وذلك من خلال تحديد ذلك الوسم باستخدام الوسم منا هو مبين في المثال التالي :
مثال شامل :
<html> <hrad><title>html test</title> </haed> <body> <h1>نمزج ارتباطات</h1> <a herf=chap1/basictop.htm>bisics</a> <a herf=chape2/text.html>text</a> <a herf=cahpe3/links.htm>links</a> <a herf=chape4/graphics.htm>graphics</a> <a herf=chape5/style.htm>style</a> <a herf=chape6/forms.html>forms</a> <a herf=cahpe7/active.html>active pages</a> </body> </html>
و هذا شرح للوسوم الموجودة في الاعلى :
يستخدم هذا الوسم لترتيب النص
---------------------------------------------------------------------------
*استخدام الارتباط mailto:
ياخذ هذا الارتباط عنوان بريد الاكتروني كعنوان url و عندما ننقر عليه فسيبدأ برنامج بريد الاكتروني المتبع في نظامنا مثل
الاوتلوك و هذا مثال عنه :
<a herf = mailto :youre-mail.com>ابعث لي رسالة</a>
الخلاصة :
1- تتماسك الشبكة العالمية العنكبوتية عن طريق الارتباطات
2-يقدم الارتباط mailtom طريقة بسيطة لتمكين الاخرين من التصال بك
3- تستطيع لغة html معالجة انواع اخرى من الارتباطات مثل ftp://