تعليم HTML | الدرس الخامس | القوائم
تشمل لغه الـhtml أيضا الوسوم التى تقوم بدورها فى تنظيم البيانات فى قوائم مرتبة,وبإستخدام عددة طرق وهناك نوعين من القوائم:-
اولهما القوائم المتسلسلة ordered lists وهى تكون فى المثال بالشكل التالى:-
مثلا أقسام موقع SYRIAN GENIUS
1-syrian genius
2-syrian genius
3-syrian genius
4-syrian genius
5-syrian genius
6-syrian genius
ثانيا القوائم الغير متسلسلة Unordered Lists
أقسام موقع SYRIAN GENIUS
- syrian genius
- syrian genius
- syrian genius
- syrian genius
- syrian genius
- syrian genius
وعند كتابه القوائم بهذا التنظيم نحتاج الى وسوم خاصه بتحديد بداية ونهايه
القائمة وهذة الوسوم .....وبالنسبه للقوائم المتسلسلة نستخدم الوسوم
التالية<ol >.......< /ol >
أما بالنسبه للقوائم الغير متسلسلة<ul >.......</ul >
ولتعيين كل بند من بنود القائمة نستخدم الوسم<li > وهو وسم يكتب بجوار كل بند list item
<BODY>
<OL>
SYRIAN GENIUS < LI >
SYRIAN GENIUS<LI>
SYRIAN GENIUS<LI>
SYRIAN GENIUS<LI>
</OL><p>
<ul >
SYRIAN GENIUS<LI>
SYRIAN GENIUS<LI>
SYRIAN GENIUS<LI>
<ul />
والخاصيه الوحيده التى تستخدم مع هذا الوسوم هى typeوهى تحدد نوع الرمز
الظاهر مع البنود التى ستظهر فى القائمة؛وعاده يكون مع وسم الـ<UL >
ووسم<OL >
ويمكن إيضاح القيم التى تأخدها القوائم المتسلسلة فى الشكل :-
وتكون صفحه الـnotepad كالتالى :-
بتطبيق ما فيها على صفحاتك المتصفح كالتالى:-
وصلنا الآن إلى نهاية هذا الدرس. أتمنى أن تكون قد قضيت وقتاً ممتعاً معه. وأن لا يكون قد أحدث تداخلاً في وسوم ارى . أراكم في الدرس التالي
ليست هناك تعليقات:
إرسال تعليق