📋 المحتوى المنظم
📖 محتوى تعليمي مفصّل
نوع: محتوى تعليمي
عند الارتباط بصفحات أخرى في نفس الموقع فإنك تستخدم عنوان URL ذا الصلة. إذا كانت صفحات الموقع في نفس المجلد، فإن قيمة خاصية href تكون عبارة عن اسم الملف المرتبط بها.
نوع: محتوى تعليمي
<ul>
<li><a href="#top">الصفحة الرئيسية</a></li>
<li><a href="#history">التاريخ</a></li>
<li><a href="#gallery">المعرض</a></li>
<li><a href="#about">نبذة</a></li>
<li><a href="contact-form.html" target="_blank">اتصل بنا</a></li>
</ul>
تعمل كرة القدم على جمع الناس معاً
نوع: محتوى تعليمي
الهدف من حضور الجمهور في هذه اللعبة هو تشجيع اللاعبين في أثناء المباريات.
التاريخ
نوع: محتوى تعليمي
تعد كرة القدم رياضة ذات تاريخ طويل، نشأت بشكلها الحالي في إنجلترا في
وجدت أندية كرة القدم منذ القرن الخامس عشر، عشر لكنها كانت غير منظمة ودون
الكثير من هذه الأندية في أواخر القرن التاسع عشر، ولكل القليل منها فقط استمر
حيث كان الناس لا يعملون بعد ظهر يوم السبت وكانوا قادرين على تحمل تكاليف تذاكر المباريات.
المعرض
نوع: محتوى تعليمي
من خلال هذه الصفحة يمكننا تبادل الأفكار والآراء.
نبذة
نوع: محتوى تعليمي
حول فريق كرة القدم الذي نشجعه أو حول كرة القدم بشكل عام في وقتنا الحالي.
يمكننا أيضاً التواصل من خلال النموذج لإضافة المزيد من الصور أو المقالات.
نوع: NON_EDUCATIONAL
File | C:/Users/binar/Desktop/Football_Fan_...
🎴 بطاقات تعليمية للمراجعة
عدد البطاقات: 3 بطاقة لهذه الصفحة
ما هي الخاصية التي تُستخدم في HTML لتحديد عنوان URL للصفحة المرتبطة، خصوصًا عند الارتباط بصفحات أخرى داخل نفس الموقع باستخدام عنوان URL ذا صلة؟
- أ) خاصية `src`
- ب) خاصية `link`
- ج) خاصية `href`
- د) خاصية `path`
الإجابة الصحيحة: c
الإجابة: خاصية `href`.
الشرح: 1. تُستخدم خاصية `href` ضمن وسم `<a>` (anchor tag).
2. تحدد هذه الخاصية مسار أو عنوان URL للمورد الذي سيتم الانتقال إليه عند النقر على الارتباط.
3. عند الارتباط بصفحات في نفس المجلد، تكون قيمة `href` هي اسم الملف المرتبط بها.
تلميح: هي اختصار لـ 'hypertext reference' وتُستخدم بكثرة في وسم `<a>`.
التصنيف: تعريف | المستوى: متوسط
ما الغرض الأساسي من استخدام السمة `target="_blank"` في وسم الارتباط التشعبي `<a>` في HTML؟
- أ) لتغيير لون نص الارتباط إلى اللون الأزرق.
- ب) لفتح الصفحة المرتبطة في نافذة أو تبويب جديد في المتصفح.
- ج) لجعل الارتباط غير قابل للنقر.
- د) لتحديد حجم خط النص المرتبط.
الإجابة الصحيحة: b
الإجابة: لفتح الصفحة المرتبطة في نافذة أو تبويب جديد في المتصفح.
الشرح: 1. السمة `target` تحدد مكان فتح المستند المرتبط به.
2. القيمة `_blank` تُشير إلى أن المستند المرتبط سيُفتح في نافذة متصفح جديدة أو تبويب جديد.
3. هذا السلوك يضمن بقاء الصفحة الأصلية التي تحتوي على الرابط مفتوحة.
تلميح: تساعد هذه السمة على الحفاظ على الصفحة الأصلية مفتوحة عندما يغادر المستخدم.
التصنيف: مفهوم جوهري | المستوى: متوسط
ما هو الفرق الرئيسي في الوظيفة بين الارتباط التشعبي الذي يستخدم `#` متبوعًا بمعرف (مثل `href="#history"`) والارتباط التشعبي الذي يشير إلى اسم ملف (مثل `href="contact-form.html"`)؟
- أ) الرابط ذو `#` يفتح صفحة جديدة، والرابط الذي يشير إلى ملف ينقل المستخدم داخل نفس الصفحة.
- ب) الرابط ذو `#` يستخدم فقط لتغيير لون الخلفية، والرابط الذي يشير إلى ملف يستخدم لتحميل الصور.
- ج) الارتباط الذي يستخدم `#` يشير إلى قسم معين داخل نفس الصفحة، بينما الارتباط الذي يشير إلى اسم ملف يفتح مستند HTML مختلفًا.
- د) الرابط ذو `#` يربط بمواقع خارجية فقط، والرابط الذي يشير إلى ملف يربط بملفات PDF.
الإجابة الصحيحة: c
الإجابة: الارتباط الذي يستخدم `#` يشير إلى قسم معين داخل نفس الصفحة، بينما الارتباط الذي يشير إلى اسم ملف يفتح مستند HTML مختلفًا.
الشرح: 1. الارتباطات التي تبدأ بعلامة `#` (تُعرف بروابط المراسِخة أو Anchor Links) تُستخدم للتنقل إلى عنصر ذي `id` مطابق داخل نفس مستند HTML الحالي.
2. الارتباطات التي تشير إلى اسم ملف (مثل `contact-form.html`) تُستخدم لفتح صفحة HTML جديدة ومستقلة تمامًا عن الصفحة الحالية.
3. الأول يُستخدم للتنقل الداخلي في الصفحة، بينما الثاني يُستخدم للتنقل بين الصفحات المختلفة في الموقع.
تلميح: فكر في نطاق التنقل لكل نوع من الروابط: هل هو داخل الصفحة نفسها أم لصفحة أخرى؟
التصنيف: فرق بين مفهومين | المستوى: صعب