HTML

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

سوف تتعلم في هذا الدرس طريقة بناء قائمة مؤلفة من عدّة عناصر نصية، غير مرقمة وغير متسلسلة، عن طريق عنصر ul في لغة HTML.

التاريخ

31 يناير 2022

الدروس

48

المستوى

مبتدئ

اللغة

عربي

المشاهدات

2033

المواضيع

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

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

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

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

  • عنصر <ul> هو المسؤول عن إنشاء عناصر غير مرقمة وهو من نوع العناصر المُتداخلة 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، تُستخدم مصطلحات القوائم غير المرتبة والقوائم غير المرقمة بالتبادل، وهما يشيران إلى القوائم التي تُعرض عناصرها دون ترتيب رقمي باستخدام العنصر `<ul>`, وعادةً ما تتم مرافقتها بعلامات نقطية أو رموز أخرى.

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

في البداية نقوم بإنشاء عنصر <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 يُمكنكَ التحكم في شكل التعداد داخل القائمة غير المُرتبة وتغيير هذا الشكل.  
معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات