انتقل إلى محتوى الدرس
الدرس 24
دورة لغة HTML

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

في هذا الدرس، ستتعلم كيفية بناء قائمة تتكون من عدة عناصر نصية غير مرقمة وغير متسلسلة باستخدام عنصر <ul> في HTML.

أقسام الدرس
2
الأمثلة
4
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
4,571
محتوى الدرس
في هذا الدرس 2تصفّح المواضيع

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

  • عنصر <ul> هو المسؤول عن إنشاء القوائم غير المرقمة، وهو من نوع [العناصر المتداخلة nested elements] له علامة فتح <ul> وعلامة إغلاق ⁦</ul>⁩.

  • يتم إنشاء كل عنصر داخل القائمة باستخدام <li>، وهو أيضًا من نوع العناصر المتداخلة nested elements.

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

HTML Unordered Lists

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

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

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

Unordered List Element

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

HTML
<ul>

</ul>

Unordered List Item Element

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

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

Unordered Lists Syntax

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

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

مشاركة

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

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