http://www.traidnt.net/vb/images/img...14/04/3045.jpg

وسم الروابط Links Tag


وهو الوسم الخاص بإظهار الروابط (links) ، ولكنه لا يكتب منفردا ولكن يجب أن تتبعه سمة واحدة (Attribute) على الأقل وهي href التي تحدد موقع أو عنوان الرابط الذي سيتم الذهاب إليه والذي قد يكون له أكثر من شكل وطريقة ستناولهم فيما يلي:
http://www.traidnt.net/vb/images/img...14/04/2590.png
سمة href
وهي اختصار Hyperlink Reference أي مرجع الرابط ، وهي السمة الرئيسية والشائعة لوسم الروابط والتي قد تكون قيمتها (Value) رابط (//:http) أو بريد إلكتروني (:mailto) أو موضع في نفس الصفحة أو في صفحة أخرى (#) وسنتاولهم بالتفصيل
http://www.traidnt.net/vb/images/img...14/04/2590.png



قيمة رابط موقع إلكتروني //:http
مثال:
رمز Code:
Boraqsoft
ملحوظة:
إذا كان الرابط المراد الذهاب إليه موجود على نفس الموقع الإلكتروني فلست في حاجة إلى إضافة كامل العنوان مثل /http://www.boraqsoft.com ولكن يكفي كتابة اسم الصفحة فقط مثل page.html إذا كانت الصفحة المراد الانتقال إليها موجودة في نفس المجلد أو المسار (root) الموجود به الصفحة المكتوب فيها الكود ، فيكون الكود كالتالي
رمز Code:
Boraqsoft
http://www.traidnt.net/vb/images/img...14/04/2590.png
قيمة بريد إلكتروني mailto
مثال:
رمز Code:
Contact us
http://www.traidnt.net/vb/images/img...14/04/2590.png
قيمة موضع في نفس الصفحة أو في صفحة أخرى #
ووظيفتها نقل زائر الصفحة إلى موضع بعينه في الصفحة ، ولكن يجب تحديد هذا الموضع أولا عن طريق إضافة وسم الروابط ملحوقًا بسمة id ثم إعطائها قيمة (value) كما في المثال التالي:
رمز Code:
Chapter 1
بعد ذلك نقوم بإنشاء وسم الرابط الذي سيقوم بالانتقال إلى هذا الموضع من الصفحة وإعطاؤه قيمة الـ id المراد الانتقال إليه ولكن يجب أن تكون القيمة مسبوقة بعلامة الهاشتاج # كما في المثال التالي في حالة كان الموضع في نفس الصفحة
رمز Code:
Go to Chapter 1
أما إذا كان الموضع في صفحة أخرى فيجب أن يسبق علامة الهاشتاج والـ id رابط الصفحة كما في المثال التالي
رمز Code:
Go to Page 1 Chapter 1
http://www.traidnt.net/vb/images/img...14/04/2590.png
سمة target
ووظيفتها تحديد طريقة الانتقال إلى الرابط ، فهل تريد أن يكون الانتقال إلى الرابط في صفحة جديدة بدون غلق أو ترك الصفحة الحالية أم تريد أن يكون الانتقال في نفس الصفحة
وأشهر قيم (values) هذه السمة قيمة blank_ للانتقال إلى صفحة جديدة ، أما إذا كنت تريد أن يكون الانتقال في نفس الصفحة فلا تكتب هذه السمة من الأساس لأن الطريقة الافتراضية للانتقال هي الانتقال في نفس الصفحة
مثال للانتقال إلى صفحة جديدة بدون ترك أو غلق الصفحة الحالية
رمز Code:
Open in a new page
http://www.traidnt.net/vb/images/img...14/04/2590.png
سمة download
ووظيفتها تحويل الرابط إلى رابط لتحميل عنصر ما مثل ملف word أو pdf أو text أو صورة وما شابه ، فبعد كتابة سمة href التي تشير إلى موقع الملف المراد تحميله يتم إضافة سمة التحميل download متبوعة بكود القيمة " "= ويمكن تركه فارغًا إذا كنت ترغب أن يتم تحميل الملف بنفس اسمه الموجود على الموقع أو يمكنك كتابة اسم آخر بين القوسين " " ليتم تحميله بالاسم الجديد
مثال:
رمز Code:
Download Boraqsoft Logo
في هذا المثال فإن الملف المراد تحميله هو صورة بصيغة jpg وسيتم تحميله باسم آخر غير اسمه الموجود على الموقع وهو boraqsoft بدلا من boraqsoft-logo
ملحوظة: هذه السمة غير متوفرة في بعض المتصفحات مثل Internet Explorer و Safari والإصدار 12 من Opera وما قبله
http://www.traidnt.net/vb/images/img...14/04/2590.png
وأخيرا ؛ فإن الروابط ليست خاصة بالنصوص فقط ، وإنما يمكن تحويل الصور أيضًا إلى روابط كما في المثال التالي
رمز Code:
http://www.boraqsoft.com/html-course...qsoft-logo.jpg
ملحوظة: في متصفح Internet Explorer في بعض الإصدارات قد تلاحظ وجود إطار حول الصورة ، ولكي تزيل هذا الإطار يمكن إضافة سمة style لوسم الصور img وإعطاؤها القيمة ";border:0" كما في المثال التالي:
رمز Code:
http://www.boraqsoft.com/html-course...qsoft-logo.jpg