انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 23
دورة لغة HTML

القوائم المرقمة في لغة HTMLHTML Ordered Lists

في هذا الدرس، ستتعلم كيفية إنشاء عناصر نصية مترابطة ومرتبة باستخدام عنصر <ol> في HTML.


ابدأ التعلّم استكشف الأمثلة
THE BUILDING BLOCKS OF THE WEBHTML
index.html
1<h1>Hello, web.</h1>
وسم الفتحالمحتوىوسم الإغلاق
النتيجة في المتصفح Hello, web.
كل صفحة رائعة تبدأ بعنصر.
أقسام الدرس
2
الأمثلة
4
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
5,266
محتوى الدرس
في هذا الدرس 2تصفّح المواضيع

Ordered Lists in HTML القوائم المرتبة في HTML

تُستخدم القوائم المرقمة [ordered lists] في لغة HTML، في صف وترتيب مجموعة العناصر نصية ترتيباً تسلسلياً، حيث يبدأ عد العناصر افتراضيًا من رقم واحد، كما يمكن تغيير نوع العلامات إلى حروف أو أرقام رومانية.

  • عنصر <ol> هو العنصر المسؤول عن إنشاء قائمة مرقمة، وهو من نوع العناصر المُتداخلة nested elements له علامة فتح <ol> وعلامة إغلاق </ol>.

  • يتم إنشاء كل عنصر نصي داخل القائمة عن طريق عنصر <li> في لغة HTML، وهو من نوع [العناصر المتداخلة nested elements] أي له علامة فتح <li> وعلامة إغلاق </li>.

  • يمكن إضافة عدد غير محدود من العناصر النصية داخل القوائم المرقمة.

Ordered List

تُستخدم القوائم المرتبة [Ordered List] في HTML لجمع المعلومات النصية بترتيب محدد، حيث يكون تسلسل العناصر مهمًا، كما في المثال التالي:

HTML 
<ol>
    <!-- List Items -->
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
   <li>PHP</li>
  </ol>
جرّب بنفسك

How to Write Ordered Lists in HTML كيفية كتابة القوائم المرتبة في HTML

نبدأ بإنشاء عنصر <ol> كحاوية للقائمة المرقمة، ثم ندرج بداخلها عنصر <li> لإضافة عناصر القائمة. وبذلك، نضع كل عنصر نريده ضمن القائمة داخل <li>.

Ordered List Element

عنصر <ol> هو المسؤول عن إنشاء القوائم المرقمة.

HTML 
<ol>

</ol>

Order List Item Element

عنصر <li> يُستخدم لإضافة عناصر داخل القوائم المرتبة <ol>.

HTML 
<ol>
  <li>List Item</li>
</ol>

Ordered Lists Syntax

كيفية إنشاء القوائم المرقمة في لغة HTML كما يلي:

HTML 
<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>PHP</li>
</ol>
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…