تُستخدم unordered lists القوائم غير المرقمة في لغة HTML، في صف وترتيب مجموعة العناصر النصية ترتيباً لا يهم فيه التسلسل، حيث يكون عد العناصر وترتيبها دون ترقيم، وذلك باستخدام رموز دائرية أو نقطية أو مربعة أو غير ذلك.

عنصر <ul> هو المسؤول عن إنشاء unordered lists عناصر غير مرقمة وهو من نوع nested elements العناصر المُتداخلة.
يتم إنشاء كل عنصر نصي داخل القائمة عن طريق عنصر <li> في لغة HTML، وهو من نوع nested elements العناصر المُتداخلة.
يمكن إضافة عدد غير محدود من العناصر النصية داخل unordered lists القوائم غير المرقمة.

جربها بنفسك

HTML unordered lists

تُستخدم unordered list قائمة العناصر غير المرتبة في لغة HTML، عندما تريد جمع المعلومات والبيانات النصية في قائمة غير مهم فيها تسلسل أو ترتيب العناصر، كما في المثال التالي:

<ul>
    <!-- List Items -->
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
   <li>PHP</li>
  </ul>

جربها بنفسك

</> HTML unordered lists syntax
طريقة كتابة القوائم غير المرقمة في لغة HTML

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

أي نضع كل تعداد نريد إضافته ضمن القائمة داخل عنصر <li> </li>.

Unordered list element

عنصر <ul> المسؤول عن بناء القوائم غير المرقمة.

<ul>

</ul>

Unordered list item element

عنصر <li> المسؤول عن إضافة عناصر داخل القوائم غير المرقمة.

<ul>
  <li>List Item</li>
</ul>

Unordered lists syntax

طريقة كتابة القوائم غير المرقمة في لغة HTML.

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
  <li>PHP</li>
</ul>

جربها بنفسك

ملاحظة

يُمكنكَ وضع أي نصوص أو عناصر HTML أخرى داخل القائمة غير المُرتبة.
عن طريق لغة CSS يُمكنكَ التحكم في شكل التعداد داخل القائمة غير المُرتبة وتغيير هذا الشكل.

معلومات تهمك

لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.

عدد المشاركات

التالى

CLOSETAG

منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.

HTML Unordered Lists
القوائم غير المرقمة في لغة HTML

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات HTML Unordered Lists HTML