تعلّم HTML
دورة HTML تفاعلية مجانية أونلاين. تكتب HTML في كل درس، مع معاينة مباشرة أثناء الكتابة وشهادة مجانية عند الإكمال.
348,572+ من الـ codders مسجلون
241 درسًا233 تحديات1,193 أسئلة الاختبار
- مناسب للمبتدئين
مساعدة برمجية بالذكاء الاصطناعي
دروس تفاعلية عملية
تعليق صوتي في كل درس
اختبارات لقياس معرفتك
شهادة إتمام مجانية
المنهج
قسم 1
الأساسيات
ابدأ القسمابدأتعلّم البنية الأساسية والصياغة لإنشاء صفحات الويب من الصفرأساسيات HTML
5 درسًا530النصوص والتنسيق
6 درسًا1135التعامل مع القوائم
4 درسًا721بطاقة وصفة
مشروع4 درسًا4إضافة المحتوى
5 درسًا837تخطيط الصفحة
5 درسًا930صفحة الملف الشخصي
مشروع5 درسًا5النماذج والمدخلات - الجزء الأول
6 درسًا936النماذج والمدخلات - الجزء الثاني
7 درسًا1239الجداول
4 درسًا723صفحة التسجيل في الفعالية
مشروع5 درسًا5التحديات النهائية
4 درسًا4قسم 2
التنسيق باستخدام CSSصفحة مخصصة
ابدأ القسمابدأأضف الحيوية إلى صفحات الويب باستخدام الألوان والتخطيطات والأنماطمقدمة
5 درسًا540إضافة CSS
4 درسًا725المحددات الأساسية
7 درسًا1247أساسيات النصوص
8 درسًا1450الألوان والخلفيات
5 درسًا834قائمة المقهى
مشروع3 درسًا3نموذج الصندوق - الجزء الأول
6 درسًا943نموذج الصندوق (Box Model) - الجزء الثاني
5 درسًا833Flex Box
6 درسًا943نموذج تسجيل الدخول
مشروع4 درسًا4تقنيات التخطيط
7 درسًا1151أساسيات التصميم المتجاوب
6 درسًا1052صفحة ويب تونغا
مشروع6 درسًا6التحديات النهائية
4 درسًا4قسم 3
إتقان CSSصفحة مخصصة
ابدأ القسمابدأارتقِ بمهاراتك في CSS إلى المستوى التالي!إتقان المحددات – الربط
6 درسًا539الفئات الزائفة التفاعلية
5 درسًا431الأصناف الزائفة الهيكلية (Structural pseudo-classes)
5 درسًا432مشروع القائمة المنسدلة
4 درسًا4التأثيرات البصرية
5 درسًا536صفحة الهبوط (Landing Page)
5 درسًا5البناء باستخدام CSS Grid
4 درسًا426موقع Flavor Fiesta
4 درسًا4التحديات النهائية
5 درسًا5قسم 4
الواجهة الأمامية العملية
ابدأ القسمابدأاجمع بين البنية والتنسيق لتصميم صفحات ويب متكاملة ومتجاوبةالمتغيرات
5 درسًا432إستراتيجية الهاتف المحمول أولاً
6 درسًا643السمات والأنماط المرئية
5 درسًا535الرياضات الخطرة
3 درسًا3مكونات واجهة المستخدم
6 درسًا642أنماط التصميم المتجاوب
6 درسًا645التحديات النهائية
4 درسًا4قسم 5
JavaScript قيد التطبيق
ابدأ القسمابدأاستكشف كيفية استخدام JavaScript مع HTML وCSSالتفاعلية/مكوّنات واجهة المستخدم
4 درسًا433النماذج والتحقق
3 درسًا324الإشعارات والتغذية الراجعة
3 درسًا327نموذج مع إشعار Toast
2 درسًا2التنقّل
3 درسًا329التنسيق والتخصيص
2 درسًا217الرسوم المتحركة والتأثيرات
3 درسًا327التنقّل المتحرك
3 درسًا36التحديات النهائية
4 درسًا4
دورات HTML
دورات HTML تطبيقية، ابدأها مجانًا في متصفحك.
رسوم متحركة لكسوف الشمس | مشروع HTML/CSS
شائعفي هذه الدورة، ستنشئ رسومًا متحركة مذهلة لـ "كسوف الشمس"، لتوضيح كيفية بناء واجهات مستخدم جذابة وعملية باستخدام الرسوم المتحركة.
- 10
- 8
- 1
محاكاة صفحة إنستغرام | مشروع Front-End
شائعفي هذه الدورة، ستتدرب على أساليب HTML و CSS القياسية والبسيطة، وستقوم بإنشاء مشروع محاكاة لصفحة إنستغرام.
- 16
- 14
- 1
تحديات HTML/CSS - الحزمة الأولى
ستختبر هذه الدورة معرفتك بـ HTML و CSS بطريقة ممتعة وفعالة!
- 11
HTML - موقع للمبتدئين
في هذه الدورة، ستختبر معرفتك الأساسية بلغة HTML وتنشئ موقعك البسيط الخاص، بالصور والنصوص. هل أنت مستعد؟
- 5
- 4
- 1
شريط التنقل السفلي - مشروع HTML/CSS
في هذه الدورة، ستنشئ شريط تنقل سفلي بسيط باستخدام HTML وستقوم بتنسيقه باستخدام CSS. كما ستتعلم كيفية إضافة رسوم متحركة بسيطة باستخدام محدد (:hover) في CSS.
- 12
- 11
- 1
مشغل فيديوهات YouTube - مشروع HTML
في هذا المشروع، ستنشئ مشغل فيديوهات YouTube باستخدام HTML وتستكشف سمات متنوعة خلال ذلك.
- 7
- 5
- 1
تعلّم بالممارسة
اكتب أكواداً حقيقية، واستعلم من قواعد البيانات، وأنشئ مواقع ويب، وأتقن أوامر الذكاء الاصطناعي. دروسنا التفاعلية تغطي كل المهارات التي يحتاجها المطورون المعاصرون.
ابنِ سلسلتك
حافظ على الاستمرارية وشاهد تقدمك ينمو! تابع عادة البرمجة اليومية، واحمِ سلسلتك بأيام التجميد، واكسب مكافآت لحضورك كل يوم.
12 أيام متتالية
عُد غداً للحفاظ على سلسلتك!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
ضعف أو لا شيء
اليوم 5 من 7
تجميد السلسلة
2 left
برمج في أي مكان
خذ رحلة البرمجة معك أينما ذهبت! لا إعداد، لا تنزيلات: فقط افتح وابدأ البرمجة. متوفر على iOS وAndroid والويب بتقييم 4.9 نجوم.
لست وحدك
تنافس على لوحات المتصدرين العالمية، وادعُ أصدقاءك لكسب المكافآت، واحتفلوا بإنجازات بعضكم. البرمجة أفضل مع الأصدقاء!
1
2
3
منطقة الترقيةكل طريقة للتعلّم
اقرأ، استمع، اختبر نفسك، اسأل الذكاء الاصطناعي، أو ابحث عما درسته من قبل. كل درس يتكيّف معك.
المتغيّر حاوية مسمّاة تخزّن قيمة يمكن الرجوع إليها لاحقًا في برنامجك.
في بايثون، تُنشئ واحدًا بكتابة الاسم ثم علامة يساوي ثم القيمة التي تريد تخزينها.
يمكن أن تتغيّر القيمة بمرور الوقت. إعادة الإسناد ببساطة توجّه الاسم إلى قيمة جديدة.
احصل على شهادتك
احصل على شهادات لكل دورة تكملها. أضفها إلى ملفك على LinkedIn وسيرتك الذاتية لعرض خبرتك البرمجية لأصحاب العمل.
شهادة إتمامأساسيات Python
أضف إلى LinkedInلماذا تتعلم HTML مع Coddy
- اكتب HTML في متصفحك وشاهد الصفحة المعروضة جنبًا إلى جنب. لا حاجة لتثبيت محرر ولا لأي إعداد. كل تعديل تجريه على كود HTML يظهر فورًا، فتكون حلقة الملاحظات قصيرة.
- HTML حديث ودلالي: العناوين، القوائم، الروابط، الصور، الجداول، النماذج، والوسوم الدلالية مثل
<header>و<nav>و<main>و<section>و<footer>. هذا هو HTML الذي ستستخدمه فعلًا لبناء موقع حقيقي. - تلميحات الذكاء الاصطناعي تساعدك على إصلاح أخطاء HTML - وسوم غير مغلقة، صياغة خاطئة للسمات، هفوات في إمكانية الوصول - دون أن تكشف لك الإجابة، فترسخ عاداتك في كتابة HTML.
- شهادة HTML مجانية عند الانتهاء. خطوة أولى موثوقة نحو تطوير الويب، تتكامل بشكل طبيعي مع دورتَي CSS وJavaScript.
أسئلة شائعة حول تعلّم HTML
هل HTML سهل التعلم؟
HTML من أسهل ما يمكن تعلّمه في عالم التقنية. فهي لغة وسم لا لغة برمجة - أنت توسم أجزاء من المحتوى (عناوين، فقرات، روابط، صور) بدلًا من كتابة منطق برمجي. معظم المبتدئين يبنون أول صفحة ويب حقيقية خلال الساعة الأولى.
كم يستغرق تعلّم HTML؟
يمكن تعلّم أساسيات HTML عادة خلال أسبوع أو أسبوعين من التدريب اليومي. ولإنشاء مشاريع حقيقية بثقة، خصص من شهر إلى ثلاثة أشهر حسب سرعتك وخبرتك السابقة.
هل يجب أن أتعلم HTML قبل CSS وJavaScript؟
نعم. HTML يحدد بنية الصفحة، وCSS يتحكم في شكلها، وJavaScript يجعلها تفاعلية. تعلّم HTML أولاً يعني أن لديك شيئاً ملموساً لتنسيقه وتحريكه لاحقاً. دورة HTML قصيرة عن قصد حتى تتمكن من الانتقال إلى CSS وJS بسرعة.
هل HTML لغة برمجة؟
بالمعنى الدقيق، لا. HTML لغة توصيف تُستخدم لوصف بنية محتوى الويب، وليس فيها متغيرات ولا شروط ولا حلقات بمفردها. البرمجة الفعلية في صفحة الويب تأتي من JavaScript، وهي موضوع دورة منفصلة.
هل يمكنني تعلّم HTML عبر الإنترنت مجانًا؟
نعم. دورة HTML التفاعلية مجانية - دروس وتمارين برمجية ومعاينة حية لـ HTML وشهادة في النهاية. كل شيء يعمل داخل المتصفح، فلا حاجة إلى تثبيت أي محرر أو أدوات للبدء.
هل أحصل على شهادة بعد إنهاء دورة HTML؟
نعم. إكمالك لدورة HTML يمنحك شهادة إتمام مجانية. دليل قابل للتحقق تضيفه إلى سيرتك الذاتية أو تشاركه على LinkedIn - عادةً كخطوة نحو ملف أعمال أكثر اكتمالاً يجمع HTML وCSS وJavaScript.
