HTML

HTML Hyperlinks
جميع أنواع الروابط في لغة HTML

سوف تتعلم في هذا الدرس جميع أنواع الروابط في لغة HTML حيث يمكن استخدام عنصر <a> في استخدامات عديدة، مثل: [sms-call-mail].

التاريخ

14 يناير 2022

الدروس

48

المستوى

مبتدئ

اللغة

عربي

المشاهدات

2634

المواضيع

12
الشروحات chevron_left HTML Hyperlinks chevron_left HTML

HTML Hyperlinks
جميع أنواع الروابط في لغة HTML

مراجعة تقنية
Mostafa Hefny

Mostafa Hefny

CEO & Founder CloseTag

</> Mail to links in HTML
رابط إيميل إلكتروني في لغة HTML

يمكن إنشاء link رابط يذهب مباشرة عند الضغط عليه إلى البرنامج الافتراضي لإرسال البريد الإلكتروني، وذلك عن طريق استخدام القيمة [ ":"mailto ] داخل الخاصية  [ href ]، وبعدها كتابة عنوان البريد الإلكتروني المُراد إرسال  email الرسالة له.

  • من الممكن وضع أشخاص آخرين ليقوموا بالاطلاع على محتوى الإيميل، ولكن دون التعديل عليه، وذلك من خلال إضافة علامة الاستفهام question mark [ "?" ]بعد قيمة [ :mailto ] ثم إضافة قيمة [ "="cc ]، والتي تعني [ carpon copy ] نسخة كربونية، وبعدها تتم إضافة البريد الإلكتروني الذي سيطّلع على محتوى الإيميل.
  • كما يمكن إضافة أكثر من إيميل من خلال الفصل بينهم بعلامة comma [ "," ] ثم القيام بإضافة بريد الإليكتروني جديد.
  • يمكنك أيضاً إكمال الموضوع subject بشكل تلقائي، من خلال كتابة علامة الاستفهام [ "?" ] بعد قيمة [ ":"mailto ] ثم كتابة [ "subject=" ] وبعدها قيمة [ subject ] الموضوع الخاص بالإيميل. 
  • وأخيراً يُمكنك وضع محتوى الإيميل بشكل تلقائي وذلك من خلال كتابة علامة الاستفهام [ "?" ] بعد قيمة [ ":"mailto ] ثم تقوم بكتابة [ "="body ] وبعدها قيمة [ body ] محتوى الإيميل .
Syntax mailto

طريقة كتابة القيمة mailto مع الخاصية href داخل العنصر <a> في لغة HTML.

<a href="mailto:[email protected]">Send Email</a>
Description values inside mailto value

وصف للقيم التي تكون داخل خاصية attribute [href] إذا كان link الرابط emil إيميل إلكتروني.

<a href = "mailto: {email address} ? cc ={cc addresses} & {subject}= {subject} & body = {body}" > { Send Email } </a>
Syntax mailto

طريقة كتابة خاصية mailto والتي بداخلها cc و body content.

<a href="mailto:[email protected][email protected],[email protected],&subject=This Mail test from closetag&body=full mail test">Send Email</a>
يجب أن تكون جميع القيم التي بداخل سمة href attribute ضمن علامات اقتباس واحدة، سواء علامات اقتباس مزدوجة [" "] أو علامات اقتباس مفردة [' '] .

</> Tel link in HTML
رابط الاتصال عبر الهاتف في لغة HTML

يمكنك إنشاء رابط يسمح للمستخدم users عند الضغط عليه، أن يقوم بعملية اتصال من خلال الجهاز الخاص به، وذلك من خلال كتابة القيمة [ “tel:” ] داخل الخاصية [ href ]، ثم بعد ذلك كتابة الرقم المراد الاتصال به.
توجد هذه الميزة في صفحات المطاعم في بحث Google، حيث يوجد علامة اتصال، يظهر لك عند الضغط عليها الرقم الخاص بهم، للسماح لك بإجراء الاتصال مباشرة.

وفي حالة استعمال المستخدم للهاتف الخاص به، سوف ينتقل إلى الاتصال مباشرة، أما إذا كان المستخدم يستعمل جهاز laptop أو أي جهاز آخر، فلن يقوم بالاتصال إلا إذا كان هذا الجهاز تم ربطه بطريقة معينة بجهاز الهاتف المحمول الذي عليه شريحة الاتصال.

استخدام تلك القيمة يساعد في تسهيل عملية التواصل بين users المستخدمين مع فريق العمل الخاص بك في أي وقت، وهو بمثابة زيادة ثقة لبعض المستخدمين.
Syntax tel value

طريقة كتابة القيمة [ : tel ] مع الخاصية href داخل العنصر <a> في لغة HTML.

<a href="tel:01234567891" title="01234567891">Call Us</a>
Tel text

يُمكن جعل الرقم بداخل القيمة [ : tel ] هو النص الذي سوف يظهر على browser المتصفح.

<a href="tel:01234567891">01234567891</a>

طريقة إضافة رمز الدولة:

إضافة رمز الدولة للقيمة [  : tel  ] من الأمور الهامة جداً، وذلك لأن مفتاح الاتصال يختلف من دولة إلى الأخرى، حيث تمتلك كل دولة رمز اتصال خاص بها . 

يمكن إضافة رمز الدولة الخاص بك من خلال link الرابط، عن طريق إضافة رمز plus الجمع [ + ] مع مفتاح اتصال الدولة الخاص بك، وذلك قبل رقم الهاتف.

كما تتوفر جميع مفاتيح الاتصال الخاصة بكل دول العالم من خلال هذا الرابط  Code Country

Syntax tel value with code country

طريقة كتابة القيمة [ : tel ] مع الخاصية href داخل عنصر <a> مع تضمين كود الدولة.

<a href="tel:+00201000000000">01234567891</a>
يجب أن تكون القيمة [ : tel ] بالإضافة إلى الرقم داخل خاصية href attribute ضمن نفس علامات التنصيص المزدوجة [" "] أو المفردة [' '] .

</> SMS links in HTML
رابط إرسال رسالة عبر الهاتف في لغة HTML

يمكنك إنشاء رابط يمكّن user المستخدم عند الضغط عليه، من إرسال رسالة نصية من خلال الهاتف الخاص به، وذلك من خلال كتابة القيمة [ "sms" ] داخل الخاصية [ href ]، ثم بعد ذلك كتابة الرقم المراد إرسال رسالة نصية SMS إليه.

لكن يجب عليك أولاً تضمين country code رمز الدولة الخاص بالرقم المُراد إرسال الرسالة إليه، ثم كتابة الرقم بعد رمز الدولة.
وكما في قيمة [ ":"tel ] يجب استخدام الهاتف المحمول الخاص أو استخدام أي جهاز آخر بشرط ربطه مع الهاتف المحمول.

Description syntax sms value

طريقة كتابة القيمة sms مع الخاصية href داخل عنصر <a> في لغة HTML.

<a href="sms:(countrycode)(number)"> Text </a>
Syntax sms value

طريقة كتابة القيمة sms مع الخاصية href داخل عنصر <a> مع تضمين كود الدولة.

<a href="sms:+201000000000">Send Message</a>
معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات