راح نتعلم القائمة المرتبة والغير مرتبة و نبدا مسيرتنا في لغة CSS
الجزء الاول
لنستخدم القوائم في موقعنا
- قم بعمل fork للـ repository
- افتح الـ repository باستخدام github desktop
- قم بإنشاء ملف بصيغة HTML
- قم بتهيئة الصفحة بواسطة استخدام "html:5"
- غير عنوان الصفحة واجعله "الصفحة الرئيسية"
- استخدم وسم الـ h1 وقم بكتابة
"مرحباً، اسمي ….." - قم بإضافة وسم h3 واكتب بداخله
"هواياتي" - استخدم وسم القائمة غير المرتبة وأضف 3 هوايات مختلفة داخل القائمة
- أضف h3 واكتب بداخله "أكلاتي المفضلة"
- أنشئ قائمة مرتبة و أضف داخلها 2 أو 3 من أكلاتك المفضلة بالترتيب
بونص!✨
- قم بإزالة النقاط أو الأرقام من القائمة الغير مرتبة باستخدام inline styling
الجزء الثاني
لنستخدم وسم الـ Div وننسق موقعنا بشكل بسيط وسلس!
- اجعل في الخطوة السادسة "مرحبا أسمي..." في منتصف الصفحة بواسطة "text-align"
- اضف div ليحتوي على العناوين والقائمتان من التمرين السابق
- غير الخصائص الـdiv التالية (بإستخادام Inline Styling):
- لون خلفية إلى lightblue
- احفظ التغييرات وارفع الكود إلى github
- قم بتسليم التمرين على موقع Coded Lab
بونص!✨
- اجعل الـdiv في منتصف الصفحة
"لا تترددون أنكم تسألون المدرسين 👌"