الزوار

الاثنين، 22 يوليو 2013

الدرس14 : إنشاء الروابط بلغة html5 الجزء الثالث

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

الرابط لمكان يوجد في نفس الصفحة:

تستطيع صنع هذه الروابط بإعطائك للوسم سمة تسمى id وتعطي هذا id في قيمته أي إسم تريده شرط أن لا يكرر هدا الإسم في id آخر، ويكتب كما يبين كود التالي:
id="id-nom"> إسم الرابط
ومن ثم أنشأ رابط و في السمة href ضع إسم id مسبوقا بعلامة # كما يبين اكود التالي:
href="#id-nom">idالدهاب إلى
ولتجربة هده الخاصية أنشأ صفحة طويلة بحيث تستطيع الصعود و النزول تم ضع للعنوان id و ضع الرابط في الأسفل أكتب عليه متلا الصعود لأعلى و ستلاحظ أنك بعد الضغط عليه ستتحول مباشرة للأعلى.
ملاحظة فإن هده السمة لا تصلح فقط للروابط بل لأشياء أخرى أيضا سنراها في المستقبل.

الرابط لمكان يوجد في صفحة أخرى:

فلإنشاء رابط لمكان محدد لكن في صفحة أخرى، يكفي كتابة رابط تلك الصفحة كما تعلمنا في الدروس السابقة لروابط html5 متبوعا بإسم id للشيء أو المكان الدي نريد الدهاب له كما هو في الكود التالي:
href="page2.html#id-nom">idالدهاب إلى 
و هكذا تستطيع تطبيق هذه الخاصية . الدرس القادم سيكون هو الجزء الأخير حول روابط html5 إنشاء الله. أنتظر تعليقاتكم و السلام عليكم و رحمة الله.

ليست هناك تعليقات:

إرسال تعليق