القوائم الغير مرتبة وقوائم الوصف في لغة البرمجة HTML

مفهوم القوائم الغير مرتبة في لغة البرمجة HTML:

القائمة الغير مرتبة (Unordered List) في لغة البرمجة (HTML) عبارة عن آلية تُستخدم لعرض مجموعة من العناصر بدون الإهتمام ما إن كان يجب عرض عنصر قبل الآخر، وفي هذا النوع من القوائم يمكن للمستخدم تحديد الرمز الذي سيظهر في بداية كل عنصر و هنا يوجد ثلاث رموز يمكنك عرضها في هذا النوع من القوائم وهي مربع أو دائرة أو قرص.

كيفية إضافة قائمة غير مرتبة في الصفحة المكتوبة بلغة البرمجة HTML:

بشكل عام في لغة البرمجة (HTML) يتم استخدام الوسم (<ul></ul>) لإعلام المتصفح أن المستخدم يريد عرض قائمة غير مرتبة في الصفحة الحالية، حيث أي عنصر نريد إضافته فيها يجب وضعه بداخل الوسم (<li></li>).

حيث أن: (ul) إختصار لكلمة (Unordered List) التي تعني قائمة غير مرتبة، والوسم (li) إختصار لكلمة (List Item) التي تعني عنصر في هذه القائمة.

أنواع الرموز التي يمكن عرضها في العناصر الموجودة في القوائم الغير المرتبة:

لتحديد نوع الرموز التي ستظهر قبل العناصر يمكنك إضافة الخاصية (type) للوسم (<ul>) و تمرير إحدى الكلمات التالية لها كقيمة:

• “type=”square: تستخدم لإظهار مربع في بداية كل عنصر في القائمة.

• “type=”circle: تستخدم لإظهار دائرة في بداية كل عنصر في القائمة.

• “type=”disc: تستخدم لإظهار نقطة كبيرة في بداية كل عنصر و هذه القيمة الإفتراضية التي يتم وضعها في حال لم تحدد القيمة بنفسك.

• “type=”none: تستخدم لعدم إظهار أي رمز في بداية كل عنصر في القائمة.

تغيير نوع الرمز الذي سيظهر قبل عنصر محدد في القائمة:

في حال أردت تغيير نوع الرمز الذي سيظهر قبل عنصر محدد في القائمة يجب إضافة الخاصية (type) للعنصر أي للوسم (<li>) و تمرير النوع الذي تريده أن يبدأ به.

مفهوم قوائم الوصف في لغة البرمجة HTML:

قائمة الوصف ( Description List ) عبارة عن مجموعة من المصطلحات وكل مصطلح معه وصف خاص به، وبشكل عام المصطلح يتم عرضه مباشرة في أول السطر، وأما الوصف فيتم إبعاده قليلاً عن أول السطر بشكل يبدو فيه أنه تابع للمصطلح الموجود قبله، ولإضافة قائمة وصف يتم استخدام الوسوم التالية:

• (<dl></dl>) هو الوسم الأساسي الذي يجب أن تضعه لإعلام المتصفح أنك تريد عرض البيانات بداخل قائمة وصف.

• (<dt></dt>): يتم استخدامه لإضافة مصطلح أو عنوان لما سيوضع تحته في القائمة.

• (<dd></dd>): يتم استخدامه لإضافة شرح للمصطلح أو خيار يندرج تحته.