إنضم للكثير من المتابعين
يمكنك الان الاشتراك فى قائمتنا البريدية والحصول على كل جديد وجديد
كن على اتصال بكل جديد لحظة بلحظة
لا تنسى تفعيل الخدمة عن طريق الأيميل

[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 )

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

2 التعليقات:

Full Version Software يقول...

this is really good :)

King Sherif يقول...

اتمنى الكتابة باللغة العربية الفصحى ^_^
good with your comment

يمنع وضع اى روابط للمدونات والمواقع والا سيتم حذفها

إرسال تعليق