|
تعلمو تعلمو

آخر الأخبار

8/randompost
جاري التحميل ...
8/randompost

شرح القوائم في لغة html

عن سلسلة Html الشاملة
تضم هذه السلسلة أفضل فيديوهات تعلم html للمبتدئين من أفضل المحاضرين في مكان واحد من الصفر وباللغة العربية، حيث في حال أعجبك محاضر عن الآخر يمكنك المتابعة معه وفي حالة أنك لم تفهم درس معين من ذلك المحاضر فيمكنك متابعة متميز اخر لفهم المعلومة .


شرح القوائم في لغة html

ستفهم اليوم شرح القوائم Lists وطريقة عمل قائمة في لغة html وأنواعها والسمات attributes الخاصة بها.

سيضم هذا الموضوع الفقرات التالية :
  • ملخص نصي لشرح القوائم
  • شرح القوائم بالفيديو لأسامة الزيرو
  • شرح القوائم من حسونة
  • شرح lists لنيوبغداد
ملخص نصي لشرح القوائم
يوجد نوعين من القوائم في لغة html 


  1. Ordered list
  2. unordered list


والنوع الأول ترجمته قائمة مرتبة بمعني لنفترض أنك تريد عرض ترقيم رقمي مثلاً لمجموع كلمات مثلاً توضح لغات التصميم الرئيسية فتريد ترقيمها كما بالتالي
  1. html
  2. css
  3. javascript


لاحظ ذلك الترقيم يمكن عمله بقائمة مرتبة كالكود التالي وسنوضحه
<ol>
<li>html</li>
<li>css</li>
<li>javascript</li>
</ol>
ونلاحظ في المثال السابق أن ol اختصار ل ordered list بمعني قائمة مرتبة ، وli اختصار لlist ، ولاحظ أنه يمكنك تغيير طريقة الترقيم من 1 2 3 إلي أنواع عديدة ستتعرف عليها في الفيديو.
   


أما النوع الآخر فهو unordered list وطريقتها 
 <ul>
        <li>html</li>
        <li>css</li>
        <li>javascript</li>
    </ul>

وبالطبع فإن ul اختصار لunordered بمعني غير مرتب ، يعني أنه لن يظهر ترقيم وغيره فقط سيظهر بجانب كل عنصر ك html نقطة ، ولإزالة تلك النقاط تماما يمكن بواسطة css اعطاء خاصية للقائمة 
;list-style:none

لتكون القائمة بدون ترقيم تماما ، ويمكنك جعل القائمة أفقية بالكامل باعطاء خاصية لli
;display:inline-block

شرح القوائم للزيرو

شرح القوائم لحسونة أكاديمي

شرح القوائم لنيوبغداد
  
شكرا لك .. الى اللقاء 

التعليقات



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

تعلمو

2019