الرئيسيه
المعامل
كالي لينكس
بايثون
جافا
بي اتش بي
جافا سكريبت
اتش تي ام ال
اس كيو ال
كوبون
من نحن
الدعم
دخول
حساب جديد
🌐 HTML & CSS
تشغيل المعمل
معمل HTML / CSS
المعمل متوقف
إنشاء المعمل
إغلاق المعمل
إعادة ضبط المعامل
إعادة الضبط
يمكنك بدء التعلم بدروس بسيطه
1
الدرس 1: هيكل صفحة HTML
+
2
الدرس 2: العناوين والفقرات والتأكيد الدلالي
+
3
الدرس 3: الروابط والصور
+
4
الدرس 4: القوائم (ul / ol)
+
5
الدرس 5: الجداول (Tables)
+
6
الدرس 6: العناصر الدلالية (Semantic HTML)
+
7
الدرس 7: النماذج (Forms) والمدخلات
+
8
الدرس 8: الوسائط (Audio / Video / iframe)
+
9
الدرس 9: أساسيات CSS وربطها بالصفحة
+
10
الدرس 10: المحددات (Selectors) و specificity
+
11
الدرس 11: الألوان والوحدات (px / rem / %)
+
12
الدرس 12: الطباعة (Typography)
+
13
الدرس 13: نموذج الصندوق (Box Model)
+
14
الدرس 14: التموضع (position) و z-index
+
15
الدرس 15: Flexbox (تخطيط مرن)
+
16
الدرس 16: CSS Grid (شبكات التخطيط)
+
17
الدرس 17: التصميم المتجاوب (Responsive Design)
+
18
مشروع: صفحة هبوط بسيطة (Landing Page)
+
ملاحظات
HTML للبنية والدلالة، وCSS للتخطيط والمظهر.
افهم selectors و box model أولاً؛ ثم flex/grid؛ ثم responsiveness.
اجعل التصميم بسيطاً وتدرج في إضافة التعقيد.