English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يستخدم HTML الروابط للتواصل مع مستند آخر على الإنترنت. يمكنك العثور على الروابط في معظم الصفحات على الإنترنت. يمكنك الضغط على الروابط للانتقال من صفحة إلى أخرى.
روابط HTML كيفية إنشاء روابط في مستند HTML.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>دليل الأساسيات (oldtoolbag.com)</title> </head> <body> <p> <a href="/index.html">هذا النص</a> هو رابط يوجه إلى صفحة في هذا الموقع.</p> <p><a href="https://www.baidu.com/">بaidu</a> هو رابط يوجه إلى صفحة على الإنترنت.</p> </body> </html>اختبار لمعرفة ‹/›
يستخدم HTML العلامة <a> لضبط الروابط النصية.
يمكن أن يكون الروابط كلمة واحدة، كلمة، أو مجموعة من الكلمات، أو حتى صورة، يمكنك الضغط على هذه المواد للانتقال إلى مستند جديد أو جزء معين من المستند الحالي.
عند تحريك مؤشر الفأرة فوق رابط في الصفحة، يتحول السهم إلى يد صغيرة.
تم استخدام خاصية href في العلامة <a> لوصف عنوان الروابط.
بالتقديم، ستظهر الروابط بالشكل التالي في المتصفح:
تظهر الروابط غير المزورة بلون أزرق وتحتل خطًا.
تظهر الروابط التي تم زيارتها باللون البنفسجي وتحتل خطًا.
عند الضغط على الروابط، تظهر الروابط باللون الأحمر وتحتل خطًا.
ملاحظة: إذا تم تعيين أنماط CSS لهذه الروابط، فإن العرض سيكون وفقًا لتعيينات CSS.
كود HTML للروابط بسيط. إنه يشبه هذا:
<a href="https://ar.oldtoolbag.com/"></a>موقع الدروس الأساسية
يصف خاصية href هدف الرابط.
<a href="https://ar.oldtoolbag.com/"></a>زيارة موقع الدروس الأساسية
يُعرض هذا السطر كما يلي:زيارة الدروس الأساسية
بالنقر على هذا الرابط سيتم تحويل المستخدم إلى صفحة البداية لدروس الأساسية.
ملاحظة: لا يجب أن يكون "نص الرابط" ضروريًا دائمًا. يمكن أن تكون الصور أو العناصر HTML الأخرى أيضًا رابطًا.
باستخدام خاصية target، يمكنك تحديد مكان عرض المستند المربوط.
سطر من هذا النوع سيفتح المستند في نافذة جديدة:
<a href="https://ar.oldtoolbag.com/" target="_blank">زيارة الدروس الأساسية!</a>اختبار لمعرفة ‹/›
يمكن استخدام خاصية id لإنشاء علامة مفضلة في مستند HTML.
ملاحظة: العلامات المفضلة ليست مرئية بأي طريقة خاصة، ولا تُعرض في مستند HTML، لذا فإنها مخفية للقراء.
إدراج ID في مستند HTML:
<a id="tips">جزء النصائح المفيدة</a>
إنشاء رابط إلى "جزء النصائح المفيدة(id="tips"）" في مستند HTML:
<a href="#tips">زيارة جزء النصائح المفيدة</a>
أو، أنشئ رابطًا من صفحة أخرى إلى "جزء النصائح المفيدة(id="tips"）":
<a href="https://ar.oldtoolbag.com/html/html-links.html#tips"> زيارة جزء النصائح المفيدة</a>
ملاحظة: يجب دائمًا إضافة الشرط المائل إلى الدلائل الفرعية. إذا كتبت الرابط كما يلي: href="https://ar.oldtoolbag.com/html"، فإن هذا سيكون له تأثير على الخادم لمرتين HTTP طلب. هذا لأن الخادم سيضيف الشرط المائل إلى هذا العنوان، ثم يصنع طلبًا جديدًا، مثل هذا: href="https://ar.oldtoolbag.com/html/".
روابط الصور هذا المثال يوضح كيفية استخدام الصور كروابط
الروابط إلى موقع محدد في الصفحة الحالية هذا المثال يوضح كيفية استخدام العلامات المفضلة
الخروج من الإطار هذا المثال يوضح كيفية الخروج من الإطار، إذا كانت صفحتك محكمة في الإطار.
إنشاء رابط بريد إلكتروني هذا المثال يوضح كيفية ربط البريد الإلكتروني. (يجب تثبيت برنامج واجهة البريد الإلكتروني أولاً ليتمكن من العمل.)
إنشاء رابط بريد إلكتروني 2 هذا المثال يوضح رابط البريد الإلكتروني المعقد.
| العلامة | وصف |
| <a> | تحديد رابط |