HTML Tutorial

عنصر <ol>

استخدام <ol>

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

خصائص <ol>

  • type: يحدد نوع العلامات المستخدمة، مثل 1، a، أو i.
  • start: يحدد الرقم أو الحرف الأولي للترقيم.
  • reversed: يعكس ترتيب الترقيم، ويبدأ من آخر عنصر.

أمثلة على <ol>

لإنشاء قائمة مرتبة تبدأ من الرقم 1:

<ol>
  <li> العنصر الأول </li>
  <li> العنصر الثاني </li>
  <li> العنصر الثالث </li>
</ol>

لإنشاء قائمة مرتبة بالأحرف الصغيرة:

<ol type="a">
  <li> العنصر الأول </li>
  <li> العنصر الثاني </li>
  <li> العنصر الثالث </li>
</ol>

مثال عملي: استكشاف وسم <ol>

<!DOCTYPE html>
<html>
<body>

<h1>قائمة مرتبة باستخدام <ol></h1>

<ol type="1">
  <li> العنصر الأول </li>
  <li> العنصر الثاني </li>
  <li> العنصر الثالث </li>
</ol>

<ol type="a">
  <li> العنصر الأول </li>
  <li> العنصر الثاني </li>
  <li> العنصر الثالث </li>
</ol>

</body>
</html>