الدرس العاشر - أساسيات الـ 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>
مثال مصور :
نأخذ صفحة منتدى الشروق السابقة (( الخاصة بالفهرس )) و نضيف لها التالي :
نأخذ الصفحة الثانية التي أنشئناها في الدرس التاسع و نضعها في نفس الملف مع صفحة منتدى الشروق و نقوم بإضافة لها التالي:
ملاحظة: هذه الصفحة هي التي نستعملها في هذا المثالبمجرد الضغط على كلمة
منتدى الحاسب و البرامج ((لن تظهر باللون الأزرق بل ستكون مسطرة فقط)) ستنقلكم إلى نفس الكلمة في صفحة منتدى الشروق