قوائم HTML
تسمح قوائم HTML لمطوري الويب بتجميع مجموعة من العناصر ذات الصلة في قوائم.
مثال
قائمة HTML غير مرتبة:
- العنصر
- العنصر
- العنصر
- العنصر
قائمة HTML مرتبة:
- البند الأول
- البند الثاني
- البند الثالث
- البند الرابع
قائمة HTML غير مرتبة
تبدأ القائمة غير المرتبة <ul>
بالعلامة. يبدأ كل عنصر بالقائمة
<li>
بالعلامة.
سيتم تمييز عناصر القائمة برموز نقطية (دوائر سوداء صغيرة) بشكل افتراضي:
مثال
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
ترتيب قائمة HTML
تبدأ القائمة المرتبة <ol>
بالعلامة. يبدأ كل عنصر بالقائمة <li>
بالعلامة.
سيتم تمييز عناصر القائمة بالأرقام افتراضيًا:
مثال
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
قوائم وصف HTML
يدعم HTML أيضًا قوائم الوصف.
قائمة الوصف هي قائمة بالمصطلحات مع وصف لكل مصطلح.
<dl>
تحدد العلامة قائمة الوصف ، وتحدد <dt>
العلامة المصطلح (الاسم) ، <dd>
وتصف العلامة كل مصطلح:
مثال
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
علامات قائمة HTML
Tag | Description |
---|---|
<ul> | Defines an unordered list |
<ol> | Defines an ordered list |
<li> | Defines a list item |
<dl> | Defines a description list |
<dt> | Defines a term in a description list |
<dd> | Describes the term in a description list |
للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بزيارة مرجع علامات HTML الخاص بنا .