تعلم لغة HTML - لغة هيكلة المواقع
تعلم لغة HTML5، حجر الأساس لبناء صفحات الويب. في هذا المسار، ستتعلم كيف تبني الهيكل التنظيمي للمواقع، من العناوين والفقرات إلى الصور والروابط والجداول، لتضع أول خطوة حقيقية في مسيرة تطوير الويب.
عن هذه اللغة
لغة HTML (اختصار لـ HyperText Markup Language)
هي اللغة التي تفهمها جميع متصفحات الويب في العالم. هي المسؤول الوحيد عن تحديد "ماذا" يظهر في الصفحة. بدونها، لا توجد نصوص، لا توجد أزرار، ولا توجد صور.
ماذا ستتعلم في هذا المسار على منصة "الشيفرة"؟
هيكلية الصفحة: فهم الوسوم الأساسية مثل <html>, <head>, و <body>.
النصوص والعناوين: كيف تنظم محتواك ليكون صديقاً لمحركات البحث (SEO).
الوسائط المتعددة: إضافة الصور، الفيديو، والصوت باحترافية.
الروابط والقوائم: بناء نظام التنقل بين الصفحات.
نماذج البيانات (Forms): تصميم واجهات إدخال البيانات مثل صفحة "اتصل بنا" أو "تسجيل الدخول".
هل HTML لغة برمجة؟
في "الشيفرة" نهتم بالدقة؛ HTML هي لغة توصيف وليست برمجة، لأنها لا تحتوي على منطق (Logic) أو عمليات حسابية، لكنها "الجسد" الذي ستحرك جافا سكريبت أعضاءه لاحقاً.
منهج المسار
الدرس 1: حجر الأساس.. ما هي HTML وكيف يعمل الويب؟
تعلم أساسيات HTML واكتشف كيف يعمل الويب خلف الكواليس. فرق بين HTML وCSS وJS، وافهم علاقة العميل بالخادم مع بناء أول صفحة ويب حقيقية لك.
الدرس 2: تشريح ملف HTML.. ما الذي يراه المتصفح حقيقةً؟
تعلم البنية التشريحية لملف HTML. اكتشف أهمية DOCTYPE، والفرق الجوهري بين وسوم الرأس (head) والجسم (body)، وتعرف على الوسوم ذاتية الإغلاق في كودك.
الدرس 3: هندسة المحتوى.. العناوين والنصوص وقواعد الـ SEO
تعلم فن تنسيق النصوص في HTML: اكتشف التسلسل الصحيح للعناوين من h1 إلى h6، والفرق بين التنسيق الجمالي والدلالي (Strong و Em) لتحسين أداء موقعك في محركات البحث.
الدرس 4: الروابط التشعبية (Hyperlinks) وإدراج الصور (Images) في HTML
شرح علمي لوسم الروابط <a> ووسم الصور <img> في HTML. تعلم كيفية استخدام الخصائص التقنية مثل href و src و alt لتحسين تفاعل المستخدم وأداء السيو (SEO) لموقعك.
الدرس 5: تنظيم البيانات.. القوائم (Lists) والجداول (Tables) في HTML
تعلم كيفية تنظيم بيانات موقعك باحترافية باستخدام القوائم المرتبة وغير المرتبة، واتقن هيكلة الجداول (table, tr, td) لعرض البيانات التقنية بوضوح وسهولة.
ماذا ستتعلم؟
- الأساسيات والقواعد البرمجية الصحيحة
- بناء مشاريع حقيقية خطوة بخطوة
- أفضل الممارسات (Best Practices)
- التحضير لسوق العمل والمقابلات
جاهز للتحدي؟
انضم لأكثر من 10,000 طالب يتعلمون لغات البرمجة يومياً على منصتنا.