الدرس العاشر - أساسيات الـ HTML


أساسيات ال HTML


أنواع أخرى من الروابط :

1-عند إنشاء الفهرس:

((أو عندما تكون صفحة ال HTML طويلة تساعدنا على التوجه مباشرة للجملة التي نريدها))

الرابط في الفهرس يساعد على التوجه مباشرة إلى العنوان الذي نقرنا عليه و لأجل ذلك نقوم بإستعمال الكود الموالي:

1- في الفهرس نقوم بإستعمال الكود التالي :

الكود:

<a href = "#mon_ancre"> Titre </a>

حذاري : # يجب أن تكون ملتصقة بالكلمة ((أي لا نترك فراغا بينهما أبد))


2- و في الجملة المراد التوجه إليه نكتب الرابط التالي:

مثلا:

الكود:

<h2 id=" mon_ancre " > Titre </h2>

ليس شرطا h2 يمكن أن نستعمل

الكود:

<p>

أو h3 أو غيرها,,,,,,,,

نأخذ هذا المثال المصور:

ملاحظة : الصورة سأقسمها إلى نصفين حتى تظهر الكتابة جيدا بمعنى أن الكتابة مؤخوذة من صفحة واحدة






سيظهر الفهرس بالأزرق و بمجرد الضغط على إحدى كلماته سيوجهكم مباشرة للعنوان المطلوب قراءته

2- عندما تكون الجملة المراد التوجه إليها صفحة HTML أخرى

تشبه نوعا ما الدرس السابق ((التاسع))

في هذه الحالة نستعمل الكود التالي:

1- على مستوى الصفحة المستعملة الكود هو :

الكود:

<a href =" nom de page. html # ancre"> </a>

2- على مستوى الصفحة المراد التوجه إليها الكود هو :

الكود:

<h2 id= "ancre" > </h2>

مثال مصور :

نأخذ صفحة منتدى الشروق السابقة (( الخاصة بالفهرس )) و نضيف لها التالي :



نأخذ الصفحة الثانية التي أنشئناها في الدرس التاسع و نضعها في نفس الملف مع صفحة منتدى الشروق و نقوم بإضافة لها التالي:

ملاحظة: هذه الصفحة هي التي نستعملها في هذا المثال



بمجرد الضغط على كلمة منتدى الحاسب و البرامج ((لن تظهر باللون الأزرق بل ستكون مسطرة فقط)) ستنقلكم إلى نفس الكلمة في صفحة منتدى الشروق