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

1. إنشاء ملفين HTML أولاً ، قم بإنشاء ملفين HTML الذي تريد ربطه. على سبيل المثال ، دعنا نقوم بإنشاء واحدة تسمى index.html (صفحتك الرئيسية) وآخر يسمى about.html (الخاص بك عن صفحتك).

إليك ما يمكن أن يبدو عليه HTML لكل ملف:

index.html:

    
    
    


    
Welcome to the Home Page
    
Go to About Page

about.html:

    
    
    


    
About Us
    
Go to Home Page

2. ربط الصفحات

لتوصيل الصفحتين ، نستخدم العلامة في HTML ، والتي تحدد الارتباط التشعبي. تحدد سمة HREF داخل العلامة المسار إلى الملف الذي تريد ربطه.

على سبيل المثال:

Go to About Page

في هذا المثال ، سيأخذ الرابط المستخدم إلى صفحة about.html عند النقر عليها.

بالمثل ، في الصفحة حول ، يمكنك إنشاء رابط مرة أخرى إلى الصفحة الرئيسية باستخدام:

Go to Home Page

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

إليك ما يجب أن يبدو عليه هيكل الملف الخاص بك إذا كان كلا الملفين في نفس المجلد:

/website-folder
   ├── index.html
   ├── about.html

إذا كانت الملفات في مجلدات مختلفة ، فاضبط سمات HREF لتعكس المسارات الصحيحة.

1. اختبار الاتصال بعد إعداد الروابط الخاصة بك ، افتح ملف index.html في متصفح الويب. سترى رابطًا يأخذك إلى الصفحة حول. عند النقر فوقه ، يجب أن تنقل إلى ound.html. وبالمثل ، في الصفحة حول الصفحة ، يجب أن يعيدك النقر فوق الرابط إلى الصفحة الرئيسية.

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