خصائص وسلوك العناصر الكتلية بالصفحة | العناصر من النوع Block والعناصر من النوع Inline في لغة HTML

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تمثل العناصر الكتلية ركائز البناء الهيكلي لتخطيط صفحات الويب. ومن أبرز الأمثلة عليها عنصر التقسيم <div> والفقرات <p> والعناوين <h1> إلى <h6> والقوائم <ul> و <ol> وعناصرها <li>، بالإضافة إلى الجداول <table> والاقتباسات الكتلية <blockquote> والنماذج <form>. وتقوم هذه العناصر بإنشاء أقسام رأسية متباينة تنظم تدفق المستند.

الصف 2 كود برمجي

HTML

<div>
  <h2>Container Header</h2>
  <p>Block elements start on a new line and span full width.</p>
</div>

جرّب بنفسك

الصف 3 شرح توضيحي

من أهم السمات الهندسية للعناصر الكتلية احترامها الكامل لنموذج الصندوق في CSS؛ حيث يمكنك تعيين أبعاد دقيقة للعرض width والارتفاع height، وتطبيق هوامش خارجية علوية وسفلية وهوامش حشو داخلية بكفاءة عالية. وتجعل هذه القدرة التنبؤية العناصر الكتلية الخيار المثالي لبناء البطاقات والشبكات والأعمدة البرمجية.

الصف 4 ملاحظة هامة

Characteristics of HTML Block Elements خصائص وسلوك العناصر الكتلية بالصفحة

شرح صفوف ومحتوى الفقرة

جميع فقرات هذا الدرس (العناصر من النوع Block والعناصر من النوع Inline في لغة HTML)