البرمجة والبرمجيات · 6 دقائق قراءة
هيكل مستند إتش تي إم إل (HTML): شرح وتمارين وأخطاء شائعة
ابنِ هيكل صفحة إتش تي إم إل (HTML) صالحاً مع html وhead وbody.
ماذا يعلّم هذا الدرس فعلًا
ابنِ هيكل صفحة إتش تي إم إل (HTML) صالحاً مع html وhead وbody. هذا الدرس جزء من مسار «أساسيات الويب (Web)».
الشرح المتعمّق
إتش تي إم إل (HTML) يبني المستندات بعناصر متداخلة. الصفحة الدنيا تحتاج <!DOCTYPE html> و<html> و<head> للعنوان والوصف و<body> للمحتوى المرئي. المتصفحات تسامح الأخطاء لكن الهيكل الصالح يمنع ارتباكاً متسلسلاً. اكتب هيكلاً وافتحه محلياً وتأكد أن عنوان التبويب يطابق <title>. ابنِ index.html مع سمة lang وترميز وعنوان وفقرة ترحيب؛ وافتحه في المتصفح. استخدم حلقة علّم←اشرح←بيّن←طبّق في كل مرة تدرس فيها هذه المهارة. تنبّأ
بالنتيجة قبل التحقق ثم صحّح الخطوة الفاشلة فقط دون تغيير عشوائي لكل شيء. اقرأ كل خطوة ثم أعد صياغتها بكلماتك قبل التنفيذ. فضّل دورات صغيرة قابلة للتحقق على قفزات كبيرة بلا اختبار. عند ظهور خلل غيّر متغيراً واحداً فقط ثم أعد التحقق من الناتج. احتفظ بملاحظة بسطر واحد لقاعدة القرار حتى يبدأ الجلسة التالية أسرع. أغلق الحلقة باختبار ذاتي قصير يثبت المهارة لا الألفة فقط. اربط الفكرة بموقف واقعي من عملك أو دراستك خلال هذا
الأسبوع. تجنّب النسخ الأعمى وركّز على السبب الذي يجعل الخطوة تعمل. راجع الأخطاء فور حدوثها واكتب سبب الخطأ بجملة واضحة واحدة. اقرأ كل خطوة ثم أعد صياغتها بكلماتك قبل التنفيذ.
تطبيق عملي
**مثال** نفس الهيكل مع lang="ar" وعنوان عربي وفقرة مرئية.
أخطاء شائعة
• وضع نص مرئي في head فقط • نسيان DOCTYPE والترميز • تداخل مكسور يخفيه المتصفح
أسئلة شائعة
هل يكفي قراءة المقال؟
لا — طبّق التمرين وأكمل أسئلة الدرس داخل التطبيق.
أين أكمل المسار؟
سجّل في زقورة ليرن وافتح المسار من الاستكشاف.
ما مستوى الصعوبة؟
beginner
ادرس هذا الدرس داخل زقورة ليرن
هدف → منهج → معلّم → اختبار. بدون قائمة انتظار.