HTML Unordered Lists
القوائم غير المرقمة في لغة HTML
سوف تتعلم في هذا الدرس طريقة بناء قائمة مؤلفة من عدّة عناصر نصية، غير مرقمة وغير متسلسلة، عن طريق عنصر ul في لغة 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>
القوائم الغير مرتبة والقوائم الغير مرقمة
</>
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 يُمكنكَ التحكم في شكل التعداد داخل القائمة غير المُرتبة وتغيير هذا الشكل.