التعامل مع الوصلات والروابط في 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<

تعليقات

إرسال تعليق

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

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

صورة
الشاشة الإفتتاحية لإكسل : المكونات الرئيسية لنافذة برنامج الأكسل § الأعمدة : كل عمود يرمز له بحرف من (IV-A) = 256 عمود وتشتمل الشاشة الواحدة علي (^) عمود ما لم تتغير مساحة الأعمدة من حجم النافذة . § السطور ( الصفوف ) تأخذ أرقاما متسلسلة من ( 1 – 55366( § الخلية تطلق علي نقطة تقاطع العمود مع السطر علي صفحة البيانات ولكل خلية عنوان مميز يتكون من إسم العمود ورقم السطر المتقاطعين (A1) . عدد الخلايا < 4 مليون خلية = ( 256 X 65536 ) § الخلية النشطة هي الخلية التي يحيط بها برواز يسمي ( مؤشر الخلية ) ويظهر عنوانها دائما في شريط المعادلة وهي الخلية التي تستقبل المخلات من لوحة المفاتيح . ويمكن إتساع الخلية من شريط الافقي وذلك بتحريك عن طريق الماوس باستمرار الضغط عليه وتركه حسب المساحة المطلوبة . § شريط العنوان يشتمل علي إسم المستند (BOOK1) ( اسم البرنامج + اسم المستند + أزرار التحكم ) § شريط أدوات التنسيق قضيب يشتمل علي أدوات تستخدم لتنفيذ عمليات توفر وقتك ويمكن من خلاله اختيار نوع الخط وحجمها – تنسيق فقرة الكتابة – الضبط الكلي لفقرة الكتابة – تغيير لون الخ
قراءة المزيد

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

صورة
أوامر الجافا سكريبت :- الجافا سكريبت لغة تعتمد علي الكائنات البرمجية , وهو الشئ الذي يمنحها قوة في الإستخدام , لكن أين نكتب أوامر الجافا سكريبت :- 1- في منطقة الرأس ( Head) الخاصة بكود HTMl 2- في منطقة الجسم ( Body) الخاصة بكود HTML ولا قيود علي مبرمج الجافا أن يضع أوامر الجافا سكريبت في منطقة الرأس أو الجسم , لكن راعي أن أوامر الإخراج – وهي الأوامر التي من اختصاصها أن تظهر ناتج الكود البرمجي علي المتصفح – لابد وأن تكتب في منطقة الجسم (Body) أو في المكان الذي تريده أن يظهر فيه ناتج السكريبت , أما عند كتابة أمر الإخراج في منطقة الرأس (Head) فإنه يعمل علي كتابة ناتج هذا الأمر قبل البدء في أي أوامر تختص بمنطقة الجسم ( Body) . هناك ميزة أخري في الجافا سكريبت وهو أنه يمكنك كتابة كود الجافا سكريبت في ملف خارجي (كما هو الحال في CSS ) , ويكون امتداد ذلك الملف (* .Js) ,   وتكون صيغةالربط بينصفحتك وملف الجافا كالآتي :- > Script Language = " javascript" src = " موقع الملف علي الشبكة أو علي الجهاز "> > /Script> ملاحظات علي كتابة الأوامر في ا
قراءة المزيد

مسائل علي الترانزستورات MOSFET

صورة
مسائل مسألة 1 ترانزستور MOSFET من النوع المقلل (depletion) له المعطيات التالية : IDSS = 10mA; VGS,of = -4V أوجد قيم I D R DS , g m , عندما تكون V G = -2V و V G = +2V . أفرض أن الترانزستور يعمل في المنطقة الفعالة . الحل :   مسألة (2) : ترانزستور MOSFET من النوع المعزز له البارامترات التالية : V GS,th = +2v; وعند V GS يساوي (+4V) كان ID = 12mA أوجد R DS , gm, k بفرض أن الترانزستور يعمل في المنطقة الفعالة . الحل : من أجل حساب k استخدم معادلة تيار المصرف في المنطقة الفعالة : I D = k (V GS – V GS,th )2 ومن هذه المعادلة تحصل علي : ومن أجل إيجاد g m , استخدم العلاقة التالية : وعندها يمكن حساب المقاومة R DS من العلاقة : R DS = (1/gm) = 83Ω مسألة (3) : في دارة الشكل يوجد ترانزستور MOSFET قنال (n) من النوع المعزز له V GS,off = -4V , I DSS = 10mA . المقاومة R D = 1kΩ وجهد التغذية المستمر V DD = +20V . أوجد الربح (V out / V in ) . يمكن باستخدام قوانين كيرشوف وأوم الحصول علي المعادلات التالية : V DD = V DS + I DRD V DD = V D
قراءة المزيد