Lists · القوائم
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · تحتاج هذه الصفحة إلى متصفح حديث (يدعم SharedArrayBuffer). يرجى تحديث Chrome أو Edge أو Firefox أو Safari إلى أحدث إصدار.
English
Lists
- Use a list when you have several items.
- A bullet list uses
<ul>(unordered list). - Each item goes inside its own
<li>(list item).
العربية
القوائم
- استخدم قائمة عندما يكون لديك عدة بنود.
- القائمة النقطية تستخدم
<ul>(قائمة غير مرتبة). - يوضع كل عنصر داخل وسم
<li>مخصص له (عنصر قائمة).
<ul>
<li>Milk</li>
<li>Bread</li>
<li>Eggs</li>
</ul>
English
Numbered lists
- For steps in order, use
<ol>(ordered list). - The browser adds the numbers 1, 2, 3 for you.
- The items are still
<li>— only the outer tag changes.
العربية
القوائم المرقمة
- بالنسبة لـ الخطوات بالترتيب، استخدم
<ol>(قائمة مرتبة). - المتصفح يضيف الأرقام 1، 2، 3 لك تلقائياً.
- لا يزال العناصر محاطة بـ
<li>— يتغير فقط الوسم الخارجي.
<ol>
<li>Open the box</li>
<li>Add water</li>
<li>Stir</li>
</ol>
English
Common mistakes
<ul>is bullets,<ol>is numbers; each item goes in<li>.- Close every
<li>.
العربية
أخطاء شائعة
<ul>للنقاط،<ol>للأرقام؛ كل بند يوضع في<li>.- أغلق جميع وسمات
<li>.
English
Now you try
- Notice how the
<li>items sit inside the<ul>or<ol>. - Build one of each below.
العربية
الآن جرب بنفسك
- لاحظ كيف أن عناصر
<li>تقع داخل<ul>أو<ol>. - قم بإنشاء نوع واحد من كل نوع أدناه.
Make a bullet list with three items: Apples, Bananas, Cherries. Put each one in its own <li>. · أنشئ قائمة نقطية تحتوي على ثلاثة عناصر: Apples، Bananas، Cherries. ضع كل عنصر في <li> خاص به.
Make a numbered list with at least two steps. Use <ol> with <li> items inside. · أنشئ قائمة مرقمة تحتوي على خطوتين على الأقل. استخدم <ol> مع عناصر <li> بداخله.