HTML - Lists القوائم
القوائم في HTML
تُستخدم القوائم في HTML لعرض عناصر متعددة على شكل قائمة. وهناك ثلاثة أنواع رئيسية من القوائم:
✅ أنواع القوائم:
- القائمة المرتبة (Ordered List): باستخدام الوسم
<ol> - القائمة غير المرتبة (Unordered List): باستخدام الوسم
<ul> - القائمة التعريفية (Description List): باستخدام الوسم
<dl>
🧪 أمثلة على كل نوع:
🔸 مثال على قائمة غير مرتبة:
<ul>
<li>تفاحة</li>
<li>موز</li>
<li>برتقال</li>
</ul>
🔸 مثال على قائمة مرتبة:
<ol>
<li>الخطوة الأولى</li>
<li>الخطوة الثانية</li>
<li>الخطوة الثالثة</li>
</ol>
🔸 مثال على قائمة تعريفية:
<dl>
<dt>HTML</dt>
<dd>لغة ترميز تُستخدم لبناء صفحات الويب.</dd>
<dt>CSS</dt>
<dd>تُستخدم لتنسيق صفحات الويب.</dd>
</dl>
📌 ملاحظات:
- يمكنك إدراج قوائم بداخل قوائم (Nested Lists).
- العنصر
<li>يُستخدم داخل<ul>و<ol>لتمثيل عنصر فردي. - العناصر
<dt>و<dd>تُستخدم داخل<dl>لتمثيل المصطلحات وتعريفاتها.
تعليقات
إرسال تعليق