يعد عرض قائمة في عمود أحد أكثر المهام شيوعا في تطوير الويب. قد يكون هذا ضروريا عند إنشاء القوائم والاستبيانات والنماذج ، وكذلك في العديد من الحالات الأخرى. في هذه المقالة ، سننظر في عدة طرق لعرض قائمة في عمود وإعطاء أمثلة على استخدامها.
واحدة من أسهل الطرق لعرض قائمة في عمود هو استخدام والعلامات
لعرض القائمة في عمود ، من الضروري إرفاق كل عنصر في القائمة في علامة
- أنواع القوائم في هتمل
- قائمة مرقمة
- قائمة نقطية
- قائمة التعاريف
- كيفية عرض قائمة في عمود باستخدام كس
- باستخدام العرض: خاصية الحظر
- سؤال وجواب
أنواع القوائم في هتمل
تقدم أتش تي أم أل عدة أنواع من القوائم لتنظيم المعلومات على صفحة الويب:
- .
- .
- .
، والعكس صحيح.
.
يعتمد اختيار نوع القائمة على الغرض وهيكل المعلومات الموجودة على صفحة الويب ، لذلك يوصى باختيار نوع القوائم المناسب لكل حالة محددة.
قائمة مرقمة
القائمة المرقمة هي قائمة بالعناصر التي يتم ترتيبها بترتيب معين ويتم ترقيمها تلقائيا. يتم استخدام العلامة لإنشاء قائمة مرقمة
مثال على قائمة مرقمة:
- العنصر الأول
- العنصر الثاني
- العنصر الثالث
يمكن استخدام قائمة مرقمة لسرد سلسلة من الإجراءات أو الخطوات المرقمة أو أي عناصر أخرى تتطلب تسلسلا محددا.
لإنشاء قائمة مرقمة متعددة المستويات ، يتم وضع العناصر المتداخلة داخل العلامة
مثال على قائمة مرقمة متعددة المستويات:
- العنصر الأول
- العنصر الثاني
- العنصر الثالث
قائمة نقطية
القائمة النقطية هي قائمة بالعناصر التي يمكن الإشارة إليها برموز أو صور خاصة.
في هتمل ، يتم استخدام العلامة لإنشاء قائمة نقطية
مثال على قائمة نقطية:
- العنصر الأول في القائمة
- العنصر الثاني في القائمة
- العنصر الثالث من القائمة
يمكن تقسيم القوائم النقطية إلى عدة أنواع ، اعتمادا على نمط تعيين العناصر. على سبيل المثال ، النوع
- العنصر الأول في القائمة
- العنصر الثاني في القائمة
- العنصر الثالث من القائمة
يمكنك أيضا استخدام الماس:
- العنصر الأول في القائمة
- العنصر الثاني في القائمة
- العنصر الثالث من القائمة
يمكن تداخل قائمة نقطية ، أي أنها يمكن أن تحتوي على قوائم أخرى:
- العنصر الأول في القائمة
- العنصر الثاني في القائمة
- العنصر الثالث من القائمة
يمكنك أيضا إنشاء قائمة نقطية مع تسميات مخصصة. يتم استخدام السمة لهذا
- العنصر الأول من القائمة
- العنصر الثاني في القائمة
- العنصر الثالث من القائمة
قائمة التعاريف
التعريف: القائمة العمودية هي تعداد مرتب أو غير مرتب للعناصر التي يتم تقديمها كعمود رأسي.
- قائمة أعمدة مرتبة: هذه قائمة تحتوي فيها العناصر على رقم ترتيبي.
- قائمة أعمدة غير مرتبة: هذه قائمة لا تحتوي فيها العناصر على رقم ترتيبي ، ولكن يمكن تمييزها أو تمييزها بطريقة أخرى.
- الوسم
- الوسم
- الوسم
كيفية عرض قائمة في عمود باستخدام كس
يمكن عرض القائمة في عمود باستخدام كس باستخدام العلامات
- إنشاء نمط للقائمة:
- حدد قيمة لخاصية نوع نمط القائمة (على سبيل المثال ، "بلا") لإزالة التصنيف القياسي للقائمة.
- قم بتعيين قيمة خاصية الهامش (على سبيل المثال ، "0") لإزالة الهوامش.
- قم بتعيين قيمة لخاصية الحشو (على سبيل المثال ، "0") لإزالة الحشو الداخلي.
- اجعل كل عنصر في القائمة:
- حدد قيمة لخاصية العرض (على سبيل المثال ، "حظر") بحيث يتم عرض كل عنصر في سطر منفصل.
- قم بتعيين قيمة لخاصية الحشو (على سبيل المثال ، "10 بكسل") لإضافة حشوة داخلية لكل عنصر في القائمة.
- حدد قيمة لخاصية الحد السفلي (على سبيل المثال ، "1 بكسل أسود صلب") لإضافة خط فاصل بين العناصر الموجودة في القائمة.
- قم بتطبيق النمط المحدد على القائمة.
نموذج التعليمات البرمجية:
| عرض: كتلة; |
الحشو: 10 بكسل;
- الحد السفلي: 1 بكسل أسود صلب;
- }
وبالتالي ، من خلال تطبيق النمط المحدد على القائمة ، ستتمكن من عرض عناصره في عمود بدون وضع العلامات القياسية وبخط فاصل بين العناصر. |
باستخدام العرض: خاصية الحظر
العرض: خاصية الكتلة هي واحدة من أكثر الخصائص استخداما لعرض العناصر في عمود.