الاثير شو الاثير شو

آخر الأخبار

جاري التحميل ...

أساسيات لغة 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> .




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


عن الكاتب

alathir shw مدون موقع الاثير شو للمواضيع التقنية وتطبيقات الهواتف الذكية حيث اهتم بالثقافة حول العالم وفق رؤية هادفة تهم الزائر العربي واعمل علي تطوير المحتوي العربي ونشر كل ما هو جديد وحصري في عالم التقنية.

التعليقات


اتصل بنا

إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

جميع الحقوق محفوظة

الاثير شو