1. الرئيسية
2. مسارات التعلم
3. تعلّم HTML من الصفر

ابدأ الدورة من الدرس الأول

1. ما هي HTML وكيف تعمل صفحة الويب؟

   أول درس في تعلم HTML بالعربية: ما هي لغة HTML، وما الوسم والعنصر والخاصية، وكيف يحول المتصفح الكود إلى صفحة، مع أول صفحة تكتبها بيدك.

   6 دقائق
2. هيكل صفحة HTML الكامل: head وbody ودعم العربية

   تعلم الهيكل الأساسي لأي صفحة HTML: DOCTYPE ووسم html مع lang وdir للعربية، وhead وmeta charset وviewport وtitle والوصف، وbody.

   7 دقائق
3. العناوين والفقرات وتنسيق النص في HTML

   درس العناوين h1 إلى h6 والفقرات p، والنص العريض strong والمائل em، والسطر الجديد br، والاقتباس blockquote، والكود code، والترتيب الصحيح للعناوين.

   7 دقائق
4. الروابط والصور في HTML

   تعلم الوسم a والخاصية href والروابط النسبية والمطلقة وفتح الرابط في تبويب جديد، والوسم img مع alt وwidth وheight والتحميل الكسول وfigure.

   8 دقائق
5. القوائم والجداول في HTML

   تعلم القوائم النقطية ul والمرقمة ol وقوائم التعريف dl والقوائم المتداخلة، والجداول table مع thead وtbody وth وcaption ودمج الخلايا.

   8 دقائق
6. النماذج في HTML: الحقول والأزرار والتحقق

   تعلم إنشاء النماذج في HTML: form وlabel وأنواع input مثل email وpassword وnumber وdate، وselect وtextarea والأزرار، والتحقق التلقائي بـ required وpattern.

   9 دقائق
7. HTML الدلالية: كيف تبني صفحة يفهمها جوجل وقارئ الشاشة

   تعلم الوسوم الدلالية header وnav وmain وarticle وsection وaside وfooter، ولماذا تحسن السيو وإمكانية الوصول، مع قائمة فحص لصفحة صديقة لمحركات البحث.

   8 دقائق
8. مشروع HTML: صفحة تعريفية شخصية كاملة وانشرها مجانًا

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

   12 دقائق