شرح صفوف ومحتوى الفقرة
يمتلك كل عنصر مرئي في HTML سلوك تدفق افتراضياً في المتصفح حتى قبل إضافة أي تنسيقات CSS، وينقسم هذا السلوك إلى نمطين أساسيين:
- العناصر الكتلية (Block-Level Elements): مثل
<h1>و<h2>و<p>و<hr>؛ تبدأ دائماً في سطر جديد مستقل وتمتد أفقياً لتحجز عرض الحاوية الأب بالكامل. - العناصر السطرية وكسر السطر (Inline Flow): العناصر السطرية النصية (كوسوم إبراز الكلمات والروابط التي ستدرسها في الدروس القادمة) تنساب أفقياً ضمن السطر الحالي ولا تحجز إلا المساحة الدقيقة لكلماتها، بينما يكسر الوسم الفارغ
<br>السطر داخل الفقرة الواحدة دون إنشاء صندوق كتلي جديد.
استكشف في الأداة البصرية التالية حدود الصناديق الفعلية للعناصر الكتلية والتدفق السطري وتكامل العناصر الحاوية مع الفارغة: