كل صفحة HTML عبارة عن شجرة: عنصر أب يحتوي عناصر أبناء، وكل ابن قد يحتوي أبناء آخرين. فهم هذه الشجرة هو المفتاح لكتابة كود مرتّب لا يتكسّر.

• الهيكل الأساسي لأي صفحة: doctype ثم html ثم head ثم body
• الفرق بين head (معلومات للمتصفح) وbody (ما يراه الزائر)
• معنى العنصر الأب والابن والأخ (parent / child / sibling)
• أهمية الإزاحة (indentation) وإغلاق الوسوم بالترتيب الصحيح
• قراءة الشجرة نفسها داخل تبويب Elements في أدوات المطوّر

ملف الدرس: حمّل الملف المرفق بالأسفل، افتحه في محرر الأكواد، وتتبّع الشجرة سطرًا بسطر مع الشرح.