إنشاء روابط html5 :
لقد تعلمنا في الدروس السابقة إنشاء صفحة html5 . هي ليست جميلة لكن المهم أنها صفحة html5 . لكن المواقع لا تتكون من صفحة واحدة بل من عدة صفحات كلها تنتمي لموقع واحد فنجمع بينها باستعمال الروابط.
ويوجد نوع آخر من الروابط وهو الدي يكون نحو موقع آخر غير موقعنا الإلكتروني.
والذي يتسائل عن ماهو الرابط، فمثلا رابط مدونة الخبير هو :( http://alkhabire.blogspot.com) .
روابط html5 الموجهة لموقع آخر:
لكل من لم يقرأ الدرس الخامس عليه العودة له من هنا لأننا سنشتغل به.
فعند كتابة هدا الكود في موقعك، عند الضغط على كلمة مدونة الخبير ستتحول مباشرة نحو إلى هذه المدونة.
و يمكنك إدراج هدا الكود داخل نص كما يبين الكود التالي:
تريد تعلم صنع المواقع ماعليك سوى الدخول ل href="http://alkhabire.blogspot.com"> مدونة الخبير وستتعلم دالك
قد ترى الكتابة ملخبطة لكن بالعكس هذه هي الكتابة الجيدة لإن لغات البرمجة إنجليزية لهذا يجب أن نحافظ على أن يفتح الوسم في اليسار و يغلق في اليمين.
إفتراضيا يظهر تحت الربط خ في معضم المتصفحات، لكن يمكنك تغيير هدا و سنرى هته الأشياء لاحقا.
تنبيه: لو كان الرابط يحتوي على هذا الرمز « & » فعليك تغييره بهذا الرمز « & »، وهذا ضروري في لغة html5 .
الروابط التي تجمع بين صفحات html5 :
صفحتا html5 على نفس الملف:
الآن سنتعلم إنشاء روابط بين صفحات html5 لموقعنا. ستقول أنه ليس لك دومين الآن و موقعك لا زال موجودا على حاسوبك، لا توجد أي مشكلة سنتعلم ذلك.
بداية أنشئ صفحتين html5 على نفس الملف الأولى أطلق عليها إسم page1.html و التانية page2.html. و الصورة التالية توضح ذلك:
بما أنهما يوجدان في نفس الملف فلعمل رابط من الصفحة الأولى إلى الصفحة التانية أو العكس. سنطبق الكود السابق لكن في مكان القيمة نكتب إسم الصفحة هكذا: <"a href="page2.html> .
فمتلا ضع عنوانا في الصفحة التانية كهذا: الصفحة التانية
.
ثم أدرج النص التالي في الصفحة الأولى:
يمكنك زيارة الصفحة href="page2.html"> الصفحة التانية و شكرا
فبعد الدخول لصفحة html5 الأولى و الضغط على الرابط ستتحول مباشرة إلى الصفحة التانية.
نلتقي في الجزء التاني من هذا الدرس في إنتظار تعليقاتكم و شكرا.
ليست هناك تعليقات:
إرسال تعليق