كيف أبدأ تعلم HTML

بقلم فريق كيف؟

آخر تحديث: 24 أكتوبر 2026 · سياسة التحرير

صفحة HTML فيها عنوان وفقرة كتبتها أنت

مثال: صفحة تعريف قصيرة عن مشروعك

تريد ملفًا يفتح في المتصفح ويعرض اسم المشروع وجملة عما يفعله ورابطًا لطريقة التواصل. من غير تنسيق معقد ومن غير إطار عمل.

1. اكتب على ورقة: عنوان من أربع كلمات، جملتين، ورابطًا واحدًا حقيقيًا أو علامة # إن لم يكن الرابط جاهزًا. لا تفتح الدرس قبل هذا النص.
2. ادخل من زر الصفحة إلى درس HTML على W3Schools. اقرأ مثال العنوان والفقرة، ثم افتح محرر التجربة الذي يعرضه الدرس إن كان ظاهرًا.
3. استبدل نص المثال بنصك. لا تُبقِ «This is a heading» في الصفحة التي ستعرضها على أحد.
4. أضف وسم الرابط كما في درس الروابط، وتأكد أن العنوان يطابق المكان الذي تقصده. جرّب النقر داخل المعاينة.
5. احفظ الملف بامتداد html على جهازك وافتحه بالنقر المزدوج في المتصفح. إن لم يظهر التعديل فأنت ما زلت تنظر إلى مثال الموقع لا إلى ملفك.
6. في اليوم التالي غيّر جملة واحدة فقط وأعد الفتح. إن نجح التغيير فأنت تفهم أين يعيش النص. بعدها انظر إلى مرجع MDN للوسم الذي أشكل عليك، لا لتنسخ مشروعًا كاملًا.

حين تعمل الصفحة بالنص الصحيح توقف. إضافة تنسيق وأيقونات قبل هذا الاستقرار يخلط بين خطأ الوسم وخطأ الشكل.

الدرس مثال لا مواصفة

لا تلصق قالبًا لا تقرأ وسومه

مرجع أو مسار أطول

• كيف أتعلم تطوير الويب

  بطاقة MDN حين تريد وصف الوسم من مرجع موزيلا لا من مثال سريع. ارجع إليها بعد أن تفتح صفحتك مرة، لا قبل أن تكتب عنوانًا.

• كيف أتعلم البرمجة من الصفر

  بطاقة freeCodeCamp لمسار تمارين أطول فيه مهام متتابعة. مناسب بعد صفحتك الأولى إن أردت واجبًا يوميًا لا مثالًا واحدًا.

• كيف أتعلم تطوير الويب من الصفر مجانًا

  بطاقة The Odin Project لمسار ويب يتفرع إلى مشاريع. أثقل من درس العنوان، ويحتاج وقتًا أطول من جلسة الصفحة الواحدة.

• تعلم البرمجة بمشروع صفحة واحدة
• قسم البرمجة