قوائم HTML المرتبة
<ol>تحدد علامة HTML القائمة المرتبة. يمكن أن تكون القائمة المرتبة رقمية أو أبجدية.
ترتيب قائمة HTML
تبدأ القائمة المرتبة <ol>بالعلامة. يبدأ كل عنصر بالقائمة <li>بالعلامة.
سيتم تمييز عناصر القائمة بالأرقام افتراضيًا:
مثال
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
قائمة HTML مرتبة - سمة النوع
typeتحدد سمة العلامة <ol>نوع علامة عنصر القائمة:
| Type | Description |
|---|---|
| type="1" | The list items will be numbered with numbers (default) |
| type="A" | The list items will be numbered with uppercase letters |
| type="a" | The list items will be numbered with lowercase letters |
| type="I" | The list items will be numbered with uppercase roman numbers |
| type="i" | The list items will be numbered with lowercase roman numbers |
أعداد:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
الأحرف الكبيرة:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
أحرف صغيرة:
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
أرقام رومانية كبيرة:
<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
أرقام رومانية صغيرة:
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
قائمة التحكم العد
بشكل افتراضي ، ستبدأ القائمة المرتبة في العد من 1. إذا كنت تريد بدء العد من رقم محدد ، فيمكنك استخدام startالسمة:
مثال
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
قوائم HTML المتداخلة
يمكن أن تتداخل القوائم (قائمة داخل القائمة):
مثال
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
ملاحظة: يمكن أن يحتوي عنصر القائمة ( <li>) على قائمة جديدة وعناصر HTML أخرى ، مثل الصور والروابط وما إلى ذلك.
ملخص الفصل
- استخدم
<ol>عنصر HTML لتحديد قائمة مرتبة - استخدم
typeسمة HTML لتحديد نوع الترقيم - استخدم عنصر HTML
<li>لتعريف عنصر قائمة - يمكن أن تتداخل القوائم
- يمكن أن تحتوي عناصر القائمة على عناصر HTML أخرى
علامات قائمة 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 الخاص بنا .