البنية الأساسية لعنصر table | الجداول في لغة HTML

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

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

يعمل عنصر <table> كحاوية خارجية ترسم حدود شبكة البيانات. تتبع لغة HTML نظام الترتيب الموجه بالصفوف الأفقية (Row-Major Order): لا يمكن وضع نصوص حرة أو خلايا بيانات منفردة مباشرة داخل وسم الجدول، بل يجب احتواؤها إلزامياً داخل صف منظم.

الصف 2 صورة توضيحية

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

HTML

<table>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Data A</td>
    <td>Data B</td>
  </tr>
</table>

جرّب بنفسك

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

يقوم المتصفح بحساب أعمدة الجدول تلقائياً استناداً إلى عدد الخلايا الموجودة في كل صف أفقي. يُعد الحفاظ على تماثل عدد الخلايا عبر كافة الصفوف ركيزة أساسية لضمان استقرار الشبكة ومنع ظهور فراغات مشوهة.

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

Table Element Basic Anatomy البنية الأساسية لعنصر table

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

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