ملخص الدرس الثاني: بنية المحتوى (القوائم)

يتناول هذا الجزء من الدرس مفهوم القوائم المستخدمة في بناء المواقع الإلكترونية.

أنواع القوائم:

يوجد نوعان رئيسيان:

قائمة مرتبة (Ordered List): تتبع تسلسلاً رقمياً، حيث يتم ترقيم كل عنصر في القائمة (1، 2، 3، ...).

قائمة غير مرتبة (Unordered List): يتم تمييز عناصرها بتعداد نقطي (نقاط).

إنشاء القائمة المرتبة:

* يتم إنشاء القائمة المرتبة باستخدام وسم البداية `

` ووسم النهاية `

`.

* يوضع كل عنصر فردي داخل القائمة بين وسم الفتح `

• ` ووسم الإغلاق `

`.

مثال توضيحي:

يظهر المثال التالي كود HTML لإنشاء صفحة تحتوي على قائمة مرتبة لألعاب جماعية:

```html

ألعاب جماعية

• كرة القدم
• كرة السلة
• كرة اليد
• کریکیت

```

نتيجة عرض الكود السابق في المتصفح:

سيظهر العنوان "ألعاب جماعية" متبوعاً بقائمة مرقمة تلقائياً على النحو التالي:

كرة القدم

كرة السلة

كرة اليد

كريكيت

الدرس الثاني: بنية المحتوى

القوائم هناك نوعان من القوائم المستخدمة في المواقع الإلكترونية: < قائمة مرتبة (Ordered List): يتم اتباع تسلسل هذه القائمة بترقيم كل عنصر في القائمة. < قائمة غير مرتبة (Unordered List): يتم تمييز عناصر هذه القائمة بتعداد نقطي.

القائمة المرتبة يتم إنشاء القائمة المرتبة باستخدام وسم <ol>، حيث يتم وضع كل عنصر بين وسم الفتح <li> ووسم الإغلاق </li>

لاحظ المثال التالي:

كل عنصر في هذه القائمة بين وسم الفتح <li> ووسم الإغلاق </li>

رابط الدرس الرقمي www.ien.edu.sa

وزارة التعليم Ministry of Education 2025 - 1447

--- SECTION: الدرس الثاني: --- الدرس الثاني: بنية المحتوى --- SECTION: القوائم --- القوائم هناك نوعان من القوائم المستخدمة في المواقع الإلكترونية: < قائمة مرتبة (Ordered List): يتم اتباع تسلسل هذه القائمة بترقيم كل عنصر في القائمة. < قائمة غير مرتبة (Unordered List): يتم تمييز عناصر هذه القائمة بتعداد نقطي. --- SECTION: القائمة المرتبة --- القائمة المرتبة يتم إنشاء القائمة المرتبة باستخدام وسم <ol>، حيث يتم وضع كل عنصر بين وسم الفتح <li> ووسم الإغلاق </li> --- SECTION: لاحظ المثال التالي: --- لاحظ المثال التالي: كل عنصر في هذه القائمة بين وسم الفتح <li> ووسم الإغلاق </li> رابط الدرس الرقمي www.ien.edu.sa وزارة التعليم Ministry of Education 2025 - 1447 --- VISUAL CONTEXT --- **CODE_BLOCK**: Untitled Description: A block of HTML code demonstrating an ordered list. It includes the DOCTYPE declaration, html tag with dir='rtl' and lang='ar', head section with title 'Examples' and meta charset='UTF-8', and body section. The body contains an h1 tag with 'ألعاب جماعية' (Group Games), followed by an ordered list (<ol>) containing four list items (<li>): 'كرة القدم' (Football), 'كرة السلة' (Basketball), 'كرة اليد' (Handball), and 'كريكيت' (Cricket). The code is displayed within a browser window simulation. Data: HTML code for an ordered list displaying four types of games. Key Values: Ordered list (<ol>), List items (<li>), Heading (<h1>), Arabic language and RTL direction Context: Illustrates how to create an ordered list in HTML, showing the structure of <ol> and <li> tags.