تعلمو

عن سلسلة 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

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

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

شرح القوائم لنيوبغداد

  

شكرا لك .. الى اللقاء