الدرس السادس : الروابط أو الوصلات التشعبية (LINKS ) في html .



الروابط أو الوصلات التشعبية  (LINKS ) في html



الروابط أو الوصلات التشعبية  (LINKS ) في html 


تعتبر الروابط التشعبية  في لغة HTML  روح الموقع حيث تمكنك من التنقل بين الصفحات و المواقع بكل سهولة و انسيابية .
فلنبدأ على بركة الله .
لإدراج الروابط أو الوصلات في HTML نحتاج الوسم :   </A> هنا تكتب كلمة لينقر عليها الزائر<A>  و هو اختصار لكلمة    ANCHORو التي تعني المرساة باللغة الإنجليزية نحتاج معه للخاصية HREF لتحديد مسار الرابط أي إلى أين سيأخذنا هذا الرابط .إما لموقع خارجي أو داخل مستندك أو صفحاتك أو إلى بريد الكتروني . إذن هذة خيارات الروابط.

1-      روابط لموقع خارجي :

لنكتب الكود التالي :


link in html

حيث   "http://maditech1.blogspot.com "=href  و هو الرابط الخاص بمدونتي مثلا.
"_blanck" = Target أمر للمتصفح بفتح الرابط في صفحة جديدة.
"madi tech 1" =Title بمجرد تمرير الصفحة على الرابط يظهر لك هذا النص .
فيكون الناتج كالتالي :

الوصلات التشعبية


2-      ادراج رابط للتنقل بين الصفحات:

 على سبيل  المثال الرجوع إلى الرئيسية من أي صفحة في موقع أو صفحاتك .
الأمر سهل للغاية بنفس المثال السابق لكن مكان مسار الموقع  نضع موقع أو مسار الصفحة الرئيسية مثلا index.html
 لنكتب الكود التالي :

الروابط

فيكون الناتج كالتالي :

anchor


3-      ادراج رابط للتنقل إلى البريد الالكتروني :

بنفس الطريق السابقة في المسار نضيف البريد عنوان البريد الالكتروني مسبوقا بكلمة mailto:
فيكون الكود كالتالي :
links in html

فيكون الناتج كالتالي:

وسم ادراج الروابط


بمجرد الضغط على EMAIL سيفتح لك برنامج الخاص بالرسائل outlook كما في الصورة أسفل .

تعلم html بالعربي



مشاهدة الفيديو اضغط هنا





في الأخير... فضلا و ليس أمرا إذا أعجبك المقال. فشاركه مع غيرك.



روزوا صفحتنا على الفيسبوك : MADI TECH ONE



تعليقات

  1. السلام عليكم.. كل الشكر موصول لصاحب المدونة ... استفدت منها كثيرا... بالتوفيق

    ردحذف

إرسال تعليق

المشاركات الشائعة