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

عنصر <ul> هو المسؤول عن إنشاء القوائم غير المرقمة، وهو من نوع [العناصر المتداخلة nested elements] له علامة فتح <ul> وعلامة إغلاق <ul/>.
يتم إنشاء كل عنصر داخل القائمة باستخدام <li>، وهو أيضًا من نوع العناصر المتداخلة nested elements.
يمكنك إضافة عدد غير محدود من العناصر داخل القوائم غير المرقمة.

HTML Unordered Lists

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

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

جربها بنفسك

القوائم الغير مرتبة والقوائم الغير مرقمة

في لغة HTML، تُستخدم مصطلحات [القوائم غير المرتبة] و [القوائم غير المرقمة] بالتبادل، ويشيران إلى القوائم التي تُعرض عناصرها دون ترتيب رقمي باستخدام العنصر <ul>. وعادةً ما تُرفَق هذه القوائم بعلامات نقطية أو رموز أخرى.

</> How to Write Unordered Lists in HTML
كيفية كتابة القوائم الغير المرتبة في HTML

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

Unordered List Element

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

<ul>

</ul>

Unordered List Item Element

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

<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