انتقل إلى المحتوى

تعلّم HTML مجاناً: دورة كاملة للمبتدئين مع محرر مباشر (بالعربية والإنجليزية)

HTML هي الخطوة الأولى لتصبح مطوّر ويب، سواء للواجهة الأمامية أو المتكامل. تأخذك هذه الدورة من ملف فارغ إلى صفحة نشاط تجاري كاملة وصحيحة في تسعة دروس. ويشرح كل درس السبب والطريقة معاً، ويعرض الأخطاء التي يقع فيها المبتدئون، ويتيح لك تعديل كل مثال وتشغيله، ويختم بتمرين يفحص شيفرتك في متصفحك واختبار قصير.

الإجابة المختصرة

نعم، يمكنك تعلم HTML مجاناً هنا: 9 دروس، نحو 3 ساعات إضافة إلى التمرين، بلا تسجيل ولا محتوى مقفل ولا شهادة مدفوعة. تكتب الشيفرة وتشغّلها في الصفحة، ويُحفظ تقدمك في متصفحك فقط.

المستوى:
مبتدئ، لا يلزم أي خبرة
9 دروس
نحو 3 ساعات إضافة إلى التمرين
روجع المحتوى في 20 أكتوبر 2026
أنهيت 0 من 9 دروس على هذا الجهاز
ابدأ الدورة

الدروس

  1. 1صفحتك الأولى على الويبتشرح ما تفعله HTML وما لا تفعله · تكتب الهيكل الصحيح للصفحة من الذاكرة · تميّز بين العناصر والوسوم والسمات15 دقيقة
  2. 2العناوين والفقرات والنصوصتبني مخططاً واضحاً للعناوين في أي صفحة · تختار بشكل صحيح بين strong وem وb وi · تعرض الاقتباسات والشيفرات والاختصارات بالعناصر الصحيحة15 دقيقة
  3. 3الروابط وعناوين URLتكتب الروابط المطلقة والنسبية والنسبية للجذر بشكل صحيح · تربط بقسم من الصفحة وبعنوان بريد وبرقم هاتف · تكتب نص رابط مفهوماً خارج سياقه15 دقيقة
  4. 4الصور والفيديو والصوتتكتب نصاً بديلاً يفيد فعلاً · تمنع تحرك التخطيط وتوفر البيانات باستخدام width وheight وsrcset والتحميل الكسول · تضمّن فيديو وصوتاً يستطيع الناس التحكم فيهما20 دقيقة
  5. 5القوائم والجداولتختار نوع القائمة المناسب للمحتوى · تبني جدول بيانات بعناوين تفهمها قارئات الشاشة · تعرف متى يكون الجدول أداة خاطئة20 دقيقة
  6. 6النماذج وحقول الإدخالتربط كل حقل بتسمية ظاهرة · تختار أنواع حقول تساعد على الهواتف · تستخدم التحقق المدمج وتعرف حدوده25 دقيقة
  7. 7البنية الدلالية للصفحةتخطط صفحة كاملة بعناصر المعالم · تختار بين article وsection وdiv · تشرح كيف تساعد المعالم مستخدمي قارئات الشاشة20 دقيقة
  8. 8العنصر head ووسوم SEO والصفحات العربيةتكتب head كاملاً لأي صفحة · تكتب عناوين وأوصافاً تكسب النقرات بصدق · تبني صفحات عربية وثنائية اللغة تُعرض بشكل صحيح20 دقيقة
  9. 9مشروع: موقع نشاط تجاري من صفحة واحدةتخطط صفحة من المحتوى إلى الشيفرة · تجمع كل عناصر الدورة في صفحة واحدة صحيحة · تختبر الصفحة بأداة التحقق ولوحة المفاتيح45 دقيقة

ما الذي ستستطيع فعله

  • تكتب صفحات HTML صحيحة ومنظمة من الصفر
  • تستخدم الروابط والصور والقوائم والجداول والنماذج بشكل صحيح
  • تبني صفحات تعمل لمستخدمي قارئات الشاشة ولوحة المفاتيح
  • تجهّز head لمحركات البحث والمشاركة والعربية من اليمين إلى اليسار
  • تنهي موقع نشاط تجاري من صفحة واحدة جاهزاً لمعرض أعمالك

لمن هذه الدورة

كل من يريد بناء المواقع: الطلاب، ومن يغيّرون مسارهم المهني، وأصحاب المحلات الذين يريدون صفحتهم الخاصة، والمطوّرون الذين تعلموا بالنسخ ويريدون الأساسيات. تحتاج إلى حاسوب أو هاتف بمتصفح حديث، والحاسوب بلوحة مفاتيح أسهل في التمارين.

كيف يعمل كل درس

لكل درس الشكل نفسه لتعرف دائماً أين أنت: جواب قصير في الأعلى، وشروحات مع أمثلة قابلة للتعديل، وقسم "الأخطاء الشائعة"، وتمرين، واختبار يشرح كل إجابة، وأسئلة شائعة. وتحدّث محررات الأمثلة النتيجة أثناء الكتابة. وتعرض وحدة التحكم تحت كل نتيجة الأخطاء وبيانات النماذج التي ترسلها والروابط التي تنقرها، فترى ما يفعله المتصفح.

كيف تعمل فحوص التمارين

عندما تضغط "افحص شيفرتي"، يقرأ متصفحك شيفرة HTML (دون تشغيلها) ويختبرها وفق قواعد الدرس، مثل "كل صورة لها نص بديل" أو "الجدول له عنوان". وتصبح كل قاعدة خضراء أو حمراء، فتعرف بالضبط ما يجب إصلاحه. ولا يُرسل إلينا أي شيء. والفحوص تختبر البنية لا الأسلوب، لذا تنجح كل الإجابات الصحيحة المختلفة.

من أين تأتي المعلومات

تُعرَّف HTML في معيار WHATWG HTML الحي، وأكثر الأدلة موثوقية هي MDN Web Docs ودروس الوصول من W3C. ويسرد كل درس الصفحات التي راجعناها بالضبط وتاريخ المراجعة. وإذا تغيّر شيء في منصة الويب، نحدّث الدرس وتاريخه. وإذا لاحظت خطأ، فصفحة التواصل توصلك إلى الفريق مباشرة.

بعد هذه الدورة

  • CSS · قريباًالألوان والمسافات وFlexbox وGrid والتصميم المتجاوب والتصميم من اليمين إلى اليسار.
  • JavaScript · قريباًلغة الويب: القيم والدوال وDOM والأحداث والشيفرة غير المتزامنة وfetch.
مسار التعلم الكامل

أسئلة عن هذه الدورة

هل دورة HTML هذه مجانية فعلاً؟

نعم. كل الدروس والمحرر المباشر والتمارين والاختبارات مجانية، بلا حساب ولا فترة تجريبية ولا شيء مقفل. ويُدعم الموقع بتبرعات اختيارية.

هل أحصل على شهادة؟

ليس حالياً. فأصحاب العمل يحكمون على مطوّري الويب غالباً بما يستطيعون بناءه، ولهذا صُمم المشروع النهائي ليوضع في معرض أعمالك. ونفضّل قول ذلك بصراحة على بيع شهادة.

أين يُحفظ تقدمي؟

في التخزين المحلي لمتصفحك على هذا الجهاز، ولا يصلنا. ويُحذف إذا مسحت بيانات الموقع أو استخدمت نافذة خاصة، ولا ينتقل بين الأجهزة.

هل يمكنني تعلم HTML على هاتفي؟

نعم، فالدروس والمحرر والاختبارات تعمل على الهواتف، وتظهر النتيجة تحت الشيفرة. لكن كتابة الشيفرة أبطأ على لوحة اللمس، لذا يكون الحاسوب أريح في التمارين.

هل تكفي HTML للحصول على وظيفة؟

وحدها نادراً. فوظائف الواجهة الأمامية تتطلب HTML وCSS وJavaScript، ووظائف المطوّر المتكامل تضيف لغة للواجهة الخلفية وقواعد البيانات والنشر. وهذا هو المسار الكامل المعروض في مركز التعلم.

تبقى أمثلة الشيفرة بالإنجليزية وتعمل في بيئة معزولة على جهازك. والنص العربي بانتظار المراجعة من متحدث أصلي. وإذا لاحظت خطأ فأخبرنا عبر صفحة التواصل.