وصف الواجب: أمثلة لأنواع عناصر صفحة الويب لإنشاء نصوص وعناوين وقوائم وروابط تنقل بواسطة لغة HTML

السؤال 1: أنواع العناوين

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

السؤال: كم عدد أحجام العناوين التي يمكن عرضها باستخدام HTML؟

1. 3 أحجام


2. 4 أحجام


3. 5 أحجام


4. 6 أحجام

الأسئلة ذات الصلة على:

• كم عدد أحجام العناوين في HTML؟


• كيفية استخدام علامات العناوين في HTML؟


• ما هي العلامات <h1> إلى <h6>؟

الإجابات:

1. 3 أحجام: هذه الإجابة غير صحيحة. HTML يدعم 6 أحجام من العناوين.


2. 4 أحجام: هذه الإجابة غير صحيحة. HTML يدعم 6 أحجام من العناوين.


3. 5 أحجام: هذه الإجابة غير صحيحة. HTML يدعم 6 أحجام من العناوين.


4. 6 أحجام: هذه الإجابة صحيحة. HTML يدعم 6 أحجام من العناوين، من <h1> إلى <h6>.

---

السؤال 2: تنسيق النص باستخدام عناصر HTML

الوصف: يهدف هذا السؤال إلى تقييم فهم الطالب لقدرة HTML على تنسيق النص باستخدام عناصر مثل علامة <mark>. تنسيق النص مهم لجعل المحتوى أكثر وضوحاً وجاذبية.

السؤال: هل يمكن تنسيق النص باستخدام عناصر HTML مثل علامة <mark>؟

1. نعم


2. لا

الأسئلة ذات الصلة على:

• كيفية تنسيق النص في HTML؟


• ما هي علامة <mark> في HTML؟


• أمثلة على تنسيق النص في HTML

الإجابات:

1. نعم: هذه الإجابة صحيحة. يمكن تنسيق النص في HTML باستخدام عناصر مثل <mark>, <b>, <i>, وغيرها.


2. لا: هذه الإجابة غير صحيحة. HTML يسمح بتنسيق النص باستخدام عناصر متعددة.

---

السؤال 3: عرض قائمة تنقل

الوصف: يهدف هذا السؤال إلى التحقق من معرفة الطالب بكيفية إنشاء قائمة تنقل في HTML باستخدام العلامات <nav>, <ul>, <li>, و<a>. قوائم التنقل أساسية لإنشاء مواقع ويب منظمة وسهلة الاستخدام.

السؤال: هل يمكن عرض قائمة عناصر باستخدام علامة <nav> تحتوي على <ul> والتي تحتوي على <li> مع روابط؟

1. نعم


2. لا

الأسئلة ذات الصلة على:

• كيفية إنشاء قائمة تنقل في HTML؟


• ما هي علامة <nav> في HTML؟


• كيفية استخدام <ul> و<li> في HTML؟

الإجابات:

1. نعم: هذه الإجابة صحيحة. يمكن استخدام علامة <nav> لاحتواء قائمة غير مرتبة <ul> والتي تحتوي على عناصر قائمة <li> وروابط <a>.


2. لا: هذه الإجابة غير صحيحة. علامة <nav> يمكن استخدامها لإنشاء قائمة تنقل تحتوي على <ul> و<li> و<a>.

ملخص

في هذا الدرس، تعرفنا على كيفية استخدام علامات HTML المختلفة لإنشاء نصوص، عناوين، قوائم، وروابط تنقل في صفحات الويب من خلال أمثلة عملية. فيما يلي ملخص لما تعلمناه من الكود:

1. استخدام العناوين:
   
   
   
   • تعلمنا كيفية استخدام علامات العناوين من <h1> إلى <h6> لعرض النصوص بأحجام مختلفة، مما يساعد على تنظيم المحتوى وترتيبه بشكل هرمي.
   
   
   
   


2. استخدام الفقرات وتنسيق النص:
   
   
   
   • تعلمنا كيفية إضافة نصوص في فقرات باستخدام <p>.
   
   
   • استخدام علامات تنسيق النص مثل <i> للنص المائل و<b> للنص العريض.
   
   
   
   


3. إنشاء قوائم:
   
   
   
   • تعلمنا كيفية إنشاء قوائم غير مرتبة باستخدام <ul> وعناصر القائمة <li>.
   
   
   
   


4. إنشاء قائمة تنقل:
   
   
   
   • تعلمنا كيفية إنشاء قائمة تنقل تحتوي على روابط باستخدام <nav>, <ul>, <li>, و<a>.
   
   
   
   

ما تعلمناه:

• استخدام العناوين: تنظيم المحتوى بشكل هرمي باستخدام علامات العناوين من <h1> إلى <h6>.


• تنسيق النص: جعل النصوص أكثر وضوحاً وجاذبية باستخدام علامات تنسيق النص مثل <i> و<b>.


• إنشاء القوائم: عرض العناصر بشكل منظم باستخدام <ul> و<li>.


• إنشاء قوائم التنقل: تحسين تجربة المستخدم وإنشاء قوائم تنقل فعّالة باستخدام <nav>, <ul>, <li>, و<a>.

هذه المهارات الأساسية في HTML تساعد على بناء صفحات ويب أكثر تنظيماً وفعالية، وتعتبر خطوة مهمة في طريق احتراف تطوير الويب. ممارسة استخدام هذه العلامات في مشاريع حقيقية ستساعدك على ترسيخ هذه المفاهيم وجعل عملية تطوير الويب أسهل وأكثر فعالية.