[Html] الروابط التشعبية

بسم الله الرحمن الرحيم والسلام عليكم ورحمة الله وبركاته
سوف اتطرق في هذا الدرس إن شاء الله الى واحدة من أساسيات لغة Html وبالتحديد هى الروابط التشعبية او Links

الروابط التشعبية Links

ما هي الوصلات التشعبية ؟

الوصلات التشعبية ( الروابط التشعبية ) هى رابطة تربط بين موقعين أو اكثر , فعند الضغط على الوصلة فى الموقع الاول  ينقلك الى الموقع الآخر , وهى تساعد على ارتباط المواقع , وراجع هذا الدرس لتعرف اهمية الروابط المتبادلة بين المواقع : 
[Tags] الفرق بين وسمى DoFollow و NoFollow

وتذكر ان الوسم Href هو أساسي  لتكوين الروابط .


مثال على رابط تشعبي :

مدونة عرب بلوجر

أو

جوجل

كيفية كتابة رابط تشعبي بلغة Html

 يتم كتابة الرابط التشعبي على هذا النمط :

<a Attribute="Value">text</a>

 يمثل باللون الاحمر السمة او الوسم Attribute
 يمثل باللون الاخضر القيمة Value
 يمثل باللون الازرق النص المعروض (اسم الموقع) text
سنقوم الان بكتابة رابط بلغة html , وسنحلله ان شاء الله

مدونة عرب بلوجر

 عندما نقوم بتحليل الرابط نجد التالي :

<a href="http://blogger-araby.blogspot.com">مدونة عرب بلوجر </a>

حيث يمثل ما باللون الاصفر علامة <a> اللازمة لكتابة الروابط
ما باللون الاحمر يمثل وسم href والذى يأتي بعده الرابط
ما باللون الاخضر رابط الموقع
ما باللون الازرق هو الاسم المعروض ( اسم الموقع )

بعض وسوم الروابط التشعبية Tags 

هذا جدول يضم اهم وسوم الروابط التشعبية :

الوسم  Attribute	القيمة    value	الوظيـــــــــفة
href	Link     رابط	يستخدم هذا الوسم لوضع الرابط المطلوب الذهاب اليه
title	وصف صغير للموقع	يستخدم هذا الوسم لإظهار وصف صغير للموقع عن التأشير على الرابط
style	css استايل	يستحدم لإضافة بعض تأثيرات css على الروابط
rel	Nofollow أو  DoFollow	يستخدم لتحديد الرابط اما dofollow او nofollow (شرح من هنا )
ID	ID عنوان	عنوان ID لإستايل موجودة مسبقاً فى الـ css
Class	Class عنوان	عنوان class لإستايل موجودة مسبقاً فى الـ css
Target	_blank _parent _self _top	لتبين اى ستفتح الصفحة , فالقيمة _Blank تعنى الفتح فى صفحة جديدة او نافذة جديدة ( New Tab )

اى استفسار انا فى الخدمة , السلام عـــليكم