روابط الـ HTML

روابط HTML

نستخدم الرابط التشعبي في ملفات الـ HTML للربط بملفات أخرى عبر الويب.

الوسم Anchor و الخاصية Href

نحن نستخدم الوسم <a> لعمل ربط مع ملف أخر .

من خلال الوسم anchor يمكن الانتقال إلى أي مورد على الشبكة سواء كان صفحة ويب أو صورة أو ملف صوت أو ملف فيديو ... الخ.

التركيبة البنائية " الصيغة العامة " لوسم الرابط تأخذ الشكل التالي :

<a href="/ss/net/url">النص المعروض عبر المتصفح</a>

حيث يستخدم الوسمين <a> و </a> لعمل anchor لنموذج ربط ، و تستخدم الخاصية href لتحديد عنوان الملف أو المستند الذي يتم الربط به ، أما الكلمات الموجودة بين وسمي الفتح و الإغلاق سوف يتم عرضها عبر المتصفح على شكل رابط.

كما يتضح من المثال التالي:

<a href="https://mr-rahimo-news.blogspot.com/"> نحو مجتمع عربي تكنولوجي </a>

حيث يظهر الكود السابق عبر المتصفح بالشكل التالي:

نحو مجتمع عربي تكنولوجي

سمة الهدف The Target Attribute

من خلال سمة الهدف يمكنك تحديد أين يتم فتح الملف المربوط ، سواء في نفس النافذة أو من خلال نافذة جديدة للمتصفح.

الكود التالي يقوم بفتح الملف في نافذة متصفح جديدة.

<a href="https://mr-rahimo-news.blogspot.com/" target="_blank"> نحو مجتمع عربي تكنولوجي </a>

سمة الاسم The Name Attribute

تستخدم سمة الاسم لعمل أسم للـ anchor ، عند استخدام اسم الـ anchors نحن نستطيع عمل رابط ينتقل مباشرة إلى جزء محدد داخل نفس الصفحة ، بدلا من ترك المستخدم يتجول عبر الصفحة ليجد ما يبحث عنه أو يتطلع إليه.

الكود التالي يعرض الصيغة العامة لسمة اسم الـ anchor

سمة الاسم تستخدم لعمل أسم للـ anchor ، و يمكنك أن تستخدم أي أسم أو عبارة أو جملة تريد استخدامها.

الكود التالي يحدد أسم anchor

يجب أن تلاحظ أنه لا يتم عرض anchor المسمى بطريقة خاصة.

للربط المباشر بقسم "tips"، أضف علامة # وسمي anchor إلى بنهاية URL كما يلي:

الكود التالي يحدد أسم anchor

الرابط التشعبي شارك و اربح داخل ملف mr-rahimo.htmlيأخذ الشكل التالي :

لاحظ أن:

أضف دائماً شرطة أخيرة إلى مراجع المجلدات الفرعية. إذا كنت تربط كما يلي:

href="https://mr-rahimo-news.blogspot.com/2020/06/html-2.html"

ستقوم بتوليد طلبي HTTP إلى الخادم، نظراً لأن الخادم سيقوم بإضافة شرطة إلى العنوان وينشئ طلباً جديداً مثل هذا:

href="https://mr-rahimo-news.blogspot.com/2020/06/html-2.html"

تستخدم غالباً الـ anchors المسماة لإنشاء "جدول محتويات" في بداية المستند الكبير.

سيتم تسمية كل فصل من المستند بـ anchor مسمى ويتم وضع رابط بكل هذه الـ anchors في قمة المستند.

إذا لم يجد المستعرض الـ anchor المسمى الذي تم تحديده، فسينتقل إلى قمة المستند. لن تحدث أخطاء.

وسم الربط

Tag	Description
<a>	تحديد الـ anchor

أمثلة:

هذا المثال يوضح كيفية عمل رابط داخل ملف HTML.

هذا المثال يوضح كيفية استخدام صورة كرابط داخل ملف HTML.

هذا المثال يوضح كيفية فتح رابط صفحة أخرى في نافذة جديدة.

هذا المثال يوضح كيفية استخدام الرابط للانتقال إلى جزء أخر داخل الصفحة.

هذا المثال يوضح كيفية فصل الإطار إذا تم وضع الموقع في إطار.

هذا المثال يوضح كيفية عمل رابط لرسائل البريد.







يمكنك الإتصال بنا من خلال بريد: مدير الموقع



لاحظ أن:المسافة بين الكلمات سوف تستبدل بـ %20لضمان أن المتصفح سوف يعرض النص كما يجب.











<html>




<body dir="rtl">




<p>

يمكنك الإتصال بنا من خلال بريد:

<a href="@MrRahimo.com?subject=Hello%20again">

مدير الموقع</a>

</p>




<p>

<b>لاحظ أن:</b>المسافة بين الكلمات سوف تستبدل بـ %20<b>لضمان</b> أن المتصفح سوف يعرض النص كما يجب.

</p>



</body>

</html>

هذا المثال يوضح كيفية عمل رابط مركب لرسائل البريد.




رابط البريد الإلكتروني: اتصل بنا!



لا حظ أن:المسافة بين الكلمات سوف تستبدل بـ %20لضمان أن المتصفح سوف يعرض النص كما يجب.








كمثال فقط.





<html>




<body dir="rtl">




<p>

رابط البريد الإلكتروني:

<a href="@MrRahimo.com

.com?cc=@MrRahimo.com.com&bcc=adv@MrRahimo.com.com

&subject=مجرد%20مثال!">اتصل بنا!</a>

</p>




<p>

<b>لا حظ أن:</b>المسافة بين الكلمات سوف تستبدل بـ %20<b>لضمان</b> أن المتصفح سوف يعرض النص كما يجب.

</p>




</body>

</html>

الصفحات

Mr-Rahimo-News

روابط الـ HTML

أمثلة:

هذا المثال يوضح كيفية عمل رابط داخل ملف HTML.

هذا المثال يوضح كيفية استخدام صورة كرابط داخل ملف HTML.

هذا المثال يوضح كيفية فتح رابط صفحة أخرى في نافذة جديدة.

هذا المثال يوضح كيفية استخدام الرابط للانتقال إلى جزء أخر داخل الصفحة.

هذا المثال يوضح كيفية فصل الإطار إذا تم وضع الموقع في إطار.

هذا المثال يوضح كيفية عمل رابط لرسائل البريد.

هذا المثال يوضح كيفية عمل رابط مركب لرسائل البريد.

جديد قسم : Html

إرسال تعليق

المرجع العام لأكواد HTML

روابط الـ HTML

أمثلة:

هذا المثال يوضح كيفية عمل رابط داخل ملف HTML.

هذا المثال يوضح كيفية استخدام صورة كرابط داخل ملف HTML.

هذا المثال يوضح كيفية فتح رابط صفحة أخرى في نافذة جديدة.

هذا المثال يوضح كيفية استخدام الرابط للانتقال إلى جزء أخر داخل الصفحة.

هذا المثال يوضح كيفية فصل الإطار إذا تم وضع الموقع في إطار.

هذا المثال يوضح كيفية عمل رابط لرسائل البريد.

هذا المثال يوضح كيفية عمل رابط مركب لرسائل البريد.

جديد قسم : Html

تعليقات: 0

إرسال تعليق