أحدث البرامج التعليمية وتطوير الشبكة
 

HTML <ol> Tag


مثال

أمر 2 مختلفة القوائم:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
انها محاولة لنفسك »

تعريف واستخدام

و <ol> تحدد العلامة قائمة مرتبة. قائمة مرتبة يمكن أن يكون العددي أو أبجدي.

استخدم <li> كلمة دلالية لتحديد عناصر القائمة.


دعم المتصفح

العنصر
<ol> نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

نصائح وملاحظات

نصيحة: للحصول علىقائمة غير مرتبة، استخدم <UL> العلامة.

نصيحة: استخدم CSS أن تصفف القوائم.


الخلافات بين HTML 4.01 و HTML5

وكان "بداية" وسمات "نوع" إهمال في HTML 4.01، ولكن معتمدة في HTML5.

و "reversed" السمة الجديدة في HTML5.

و "compact" غير معتمد السمة في HTML5.


الصفات

= جديد في HTML5.

السمة القيمة وصف
compact compact غير معتمدة في HTML5.
تنص على أن القائمة يجب أن تجعل أصغر من المعتاد
reversed reversed تنص على أن ترتيب القائمة يجب تنازلي (9,8,7...)
start number يحدد قيمة بداية من قائمة مرتبة
type 1
A
a
I
i
يحدد هذا النوع من علامة لاستخدامها في قائمة

السمات العامة

و <ol> كما يدعم بطاقة و السمات العامة في HTML .


سمات الحدث

و <ol> كما يدعم هذا الكود في حدث سمات في HTML .


صفحات ذات صلة

HTML البرنامج التعليمي: قوائم HTML

HTML DOM إشارة: Ol كائن

CSS دروس: قوائم التصميم


الإعدادات الافتراضية CSS

معظم المتصفحات عرض <ol> العنصر مع القيم الافتراضية التالية:

مثال

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
انها محاولة لنفسك »