HTML - Block Elements عناصر البلوك
العناصر البنائية (Block Elements) في HTML
في HTML، يتم تصنيف العناصر إلى نوعين رئيسيين: عناصر بنائية (Block-level) و عناصر داخلية (Inline).
العنصر البِنائي (Block Element) يشغل كامل العرض المتاح له ويبدأ دائماً في سطر جديد.
✅ أمثلة على العناصر البنائية:
<div><p><h1> إلى <h6><form><header><footer><section><article><nav>
🧱 مثال على عنصر بنائي:
<div>
<h1>مرحبا بك في موقعي</h1>
<p>هذا وصف مختصر للموقع.</p>
</div>
⬅ في هذا المثال، وسم <div> يُستخدم كحاوية لعناصر بنائية أخرى.
📌 الفرق بين Block و Inline:
| النوع | الوصف |
|---|---|
| Block-level | يبدأ في سطر جديد ويأخذ العرض الكامل للسطر. |
| Inline | لا يبدأ في سطر جديد ويأخذ فقط الحجم المطلوب لمحتواه. |
🔍 ملاحظة:
- يمكنك استخدام العناصر البنائية لتقسيم الصفحة إلى أقسام قابلة للتنسيق باستخدام CSS.
- الوسم
<div>يُعد الأكثر استخدامًا كعنصر Block عام.
تعليقات
إرسال تعليق