القوائم هي جزء أساسي من HTML لعرض البيانات بطريقة منظمة وقابلة للقراءة. يوفر HTML ثلاثة أنواع رئيسية من القوائم: القوائم غير المرتبة ، والقوائم المرتبة ، وقوائم التعريف.
تستخدم القوائم غير المرتبة(<ul>) نقاطًا محددة ويتم عرضها كعناصر ذات مسافة بادئة ، وعادةً ما تستخدم النقاط السوداء. يعد هذا اختيارًا شائعًا لإدراج العناصر التي لا تتطلب طلبًا معينًا.
تستخدم القوائم المرتبة(<ol>) ترقيمًا محددًا أو علامات أحرف ويتم عرضها كقائمة مرتبة بشكل تسلسلي. يستخدم هذا غالبًا لسرد العناصر بترتيب معين أو ترقيمها.
قوائم التعريف(<dl>) تستخدم أزواج المصطلحات والوصف لعرض البيانات. يتم تضمين كل زوج داخل علامتي <dt>(مصطلح تعريف) و <dd>(وصف تعريف). هذه طريقة فعالة لعرض سمات أو تعريفات لمفاهيم محددة.
قائمة غير مرتبة( <ul>)
- <ul> يستخدم العنصر لإنشاء قائمة غير مرتبة.
- يتم وضع كل عنصر في القائمة غير المرتبة داخل <li> عنصر.
- عادة ما يتم عرض القوائم غير المرتبة برموز نقطية أو أحرف مشابهة.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
قائمة مرتبة( <ol>)
- <ol> يستخدم العنصر لإنشاء قائمة مرتبة.
- يتم وضع كل عنصر في القائمة المرتبة داخل <li> عنصر.
- عادة ما يتم عرض القوائم المرتبة بأرقام أو أحرف أبجدية.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
قائمة التعريف( <dl>)
- <dl> يستخدم العنصر لإنشاء قائمة تعريف.
- يتكون كل عنصر في قائمة التعريف من زوج من علامات <dt>(مصطلح تعريف) و <dd>(وصف تعريف).
- <dt> تحتوي العلامة على الكلمة الأساسية أو السمة التي يتم تحديدها ، بينما <dd> تحتوي العلامة على وصف أو شرح لتلك الكلمة الأساسية أو السمة.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
سمة نوع القائمة( <ul> و <ol>)
- تُستخدم سمة النوع لتحديد نمط الترقيم لقائمة مرتبة.
- يمكن أن تكون قيمة سمة النوع "1"(أرقام) أو "A"(أحرف كبيرة) أو "a"(أحرف صغيرة) أو "I"(أرقام رومانية كبيرة) أو "i"(أرقام رومانية صغيرة) .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
سمة البدء( <ol>)
- تُستخدم سمة البداية لتحديد قيمة البداية للترقيم في قائمة مرتبة.
- قيمة سمة البداية هي عدد صحيح موجب.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
سمة معكوسة( <ol>)
- تُستخدم السمة المعكوسة لعرض قائمة مرتبة بترتيب عكسي.
- عند تطبيق السمة المعكوسة ، سيتم عرض الترقيم بترتيب تنازلي.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
تتيح لك هذه السمات والعناصر إنشاء قوائم بتنسيق HTML وتخصيصها وفقًا لاحتياجاتك. يمكنك استخدامها لعرض البيانات بطريقة واضحة ومنظمة على موقع الويب الخاص بك.