أساسيات لغة HTML القوائم في html | الدرس الرابع

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
  

نبدأ بإذن الله تعالى في شرح أساسيات لغة html الدرس التالث

تعلم اسياسيات html 
أقدم لكم شرح انشاء القوائم في  html  وشرح التعامل معها والتعرف علي انواعها ..

شرح انواع القوائم في html

القوائم Html

توفر لغة HTML ثلاث انواع من عناصر القوائـم :

ٔ- القوائـم الغير المرتبة  (الغير منظمة) Unordered List  عبر الوسـم <ul>.

- القوائـم المرتبة (المنظمة) Ordered List  عبر الوسـم <ol>.

- القوائم التعريفية (التوضحية) Definition Lists عبر الوسم <d1>.

القائمة المنقطة (الغير مرتبة)

* القوائم غير المرتبة هي قوائم لبنود أو عناصر محددة ، قوائم البنود تكون معلمة بعلامة مميزة مثل الكرة الصغيرة ، " تشبه دائرة صغيرة سوداء ".

* تبدأ القائمة المنقطة بالوسم <ul> وكل عنصر يبدأ بالوسم <li> وينتهي </li> .

القائمة المرقمة (المرتبة)

* القوائم المرتبة هي أيضاً قوائم لبنود أو عناصر محددة ، لكن قوائم البنود المرتبة تكون معلمة بأرقام .

* تبدأ القائمة المرقّمة بالوسم <ol> وكل عنصر يبدأ بالوسم <li> وينتهي </li> .

القائمة التوضحية (التعريفية)

* القوائم التوضيحية ليست قوائم بنود و لكنها قوائم مصطلحات و شرح لتلك المصطلحات .

* يتم تعريف القائمة بالوسم <dl>
تختلف قوائم التعريف عن القوائم المتظمة و غير المنظمة فى ان العنصر فيها ينقسم الى جزئين
الجزء الاول هو عبارة عن المصطلح و يعرف باستخدام الوسم <dt>
و الجزء الثانى عبارة عن شرح المصطلح و يعرف عن طريق الوسم <dd> .

ملاحظة : يمكن وضع ضمن عناصر القائمة نصوص أو أسطر أو صور أو روابط أو قوائم أخرى .

دمتم في رعاية الله

شرح عمل قائمة أفقية html وتنسيقه بشكل متناسب css مع الكود