مقدمة في HTML - تعلم HTML

أنواع القوائم في HTML واستخداماتها بالتفصيل للمبتدئين

لغة HTML بتوفرلك أدوات قوية لعرض العناصر على هيئة قوائم. القوائم مفيدة جدًا لما تحب ترتب عناصر مترابطة في تصميمك زي خطوات، مهام، أو تعريفات.

أنواع القوائم في HTML

فيه 3 أنواع رئيسية للقوائم:

1. القوائم غير المرتبة (Unordered List)
2. القوائم المرتبة (Ordered List)
3. القوائم التعريفية (Description List)

1. القوائم غير المرتبة (Unordered List)

ودي بنستخدم فيها الوسم <ul> مع عناصر <li>، وبتظهر العناصر على شكل نقاط بدون ترتيب رقمي.

مثال:

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

2. القوائم المرتبة (Ordered List)

بنستخدم فيها الوسم <ol>، والعناصر بترتب تلقائيًا بالأرقام أو الحروف حسب نوع الترقيم اللي بتحدده بالخاصية type.

أنواع type:

• type="1": أرقام عادية
• type="A": حروف كبيرة
• type="a": حروف صغيرة
• type="I": أرقام رومانية

3. القوائم التعريفية (Description List)

مخصصة لعرض المصطلحات مع شرحها باستخدام:

• <dl>: بداية القائمة
• <dt>: المصطلح
• <dd>: تعريف أو شرح المصطلح

مثال:

<dl>
  <dt>HTML</dt>
  <dd>هي لغة ترميز تُستخدم لبناء صفحات الويب</dd>
</dl>

4. القوائم المتداخلة

تقدر تعمل قائمة جوا قائمة بكل سهولة. بتحط <ul> أو <ol> جوا عنصر <li>.

ودي بتفيدك في إنشاء قوائم منسدلة أو عناصر فرعية تابعة لعناصر رئيسية.

وبكده نكون استعرضنا بالتفصيل أنواع القوائم في HTML وطريقة كتابتها مع الأمثلة.

لو عندك أي سؤال أو استفسار، اكتبلي في التعليقات، واستناني في درس جديد من سلسلة تعلم HTML من الصفر.