القوائم المرتبة
القوائم المرتبة هي القوائم التي تكون العناصر فيها مرتبة إما رقميا، أو حرفيا على حسب أحرف الهجاء، وتستخدم العلامتين<o1/> <o1/> في إنشاء هذه القوائم، وفيما يلي الصيغة العامة للكود الخاص بإنشاء القوائم:
وفي الكود السابق تم إحاطة القائمة نفسها بالعلامة الخاصة بالقائمة<o1/> <o1>، وتم إحاطة كل عنصر من عناصر القائمة بالعلامة الخاصة بالعنصر<1i/> <1i> والمثال التالي يوضح كيفية إنشاء قائمة مرتبة في صفحة الويب:
- 1. قم بتشغيل برنامج Notepad وأكتب به نص ملف HTML كما في الشكل التالي:
في الكود السابق لاحظ وجود علامة القائمة بداخل العلامة الخاصة بتنسيق الخط <font/> <font>، وذلك وفقا لطريقة المظاريف السابق الإشارة إليها في الفصل الأول، أي أن علامة <font> تعتبر مظروف أساسي يحتوي على العلامة الخاصة بالقائمة، وكذلك العلامة الخاصة بالقائمة تحتوي بدورها على المظاريف الفرعية، والتي هي عبارة عن علامة <1i/> <1i> الخاصة بكل عنصر من عناصر القائمة، ولاحظ أيضا من الكود أن علامة <body> تحتوي على علامة العنوان <h1>، وعلى علامة نوع الخط <font>.
- 1. قم بحفظ المستند بامتدادhtml. وقم بفتح المستند في متصفح الإنترنت فتظهر القائمة بعناصرها الأربعة، كما في الشكل التالي:
ويلاحظ على القائمة السابقة أنها مرتبة، وقد قام المتصفح بترتيب القائمة بالترتيب الافتراضي، وهو الترتيب الرقمي، ويمكن تغيير الطريقة التي يتم بها ترتيب عناصر القائمة، فيمكن ترتيب القائمة حرفيا باستخدام أحرف كبيرة عن طريق كتابة طريقة الترتيب في داخل العلامة الخاصة بالقائمة، كما يلي:
أو يمكن ترتيب العناصر في القائمة باستخدام الأحرف الإنجليزية الصغيرة، كما يلي:
أو يمكن ترتيب العناصر في القائمة باستخدام الأرقام اللاتينية بالكود التالي:
أما الترتيب الافتراضي لعناصر القائمة فهو الترتيب العددي والكود الخاص به كما يلي:
والمثال التالي يوضح الطرق المختلفة لترتيب العناصر في القائمة:
- 1. قم بتشغيل برنامج Notepad واكتب به نص ملف HTML كما في الشكل التالي:
- 2. قم بحفظ المستند بامتداد html. وقم بفتح المستند في متصفح الإنترنت فتظهر أنواع القوائم التي نتجت من الكود السابق في الشكل التالي:
