الجداول المتداخلة في HTML | العناصر الداخلية لعنصر table في لغة HTML

يمكن إنشاء جداول متداخلة في HTML، [أي وضع جدول داخل جدول آخر]، عن طريق إنشاء جدول جديد داخل أي خلية من خلايا الجدول الرئيسي.

HTML Table Row With Multiple Data Cells

صف جدول بلغة HTML يحتوي على ثلاث خلايا بيانات.

HTML

<tr>
  <td>Nested Table Data 1</td>
  <td>Nested Table Data 2</td>
  <td>Nested Table Data 3</td>
</tr>

جرّب بنفسك

Another Elements Inside Table

يمكن إضافة صور وروابط وعناصر مناسبة داخل خلايا td أو th، وفق قواعد محتواها؛ لا يجوز وضع أي عنصر مباشرةً داخل table.

HTML

<tr>
      <td>Table Data 1</td>
      <td>
        <a href="#">Table Data 2</a>
      </td>
      <td><img src="https://www.closetag.com/images/photo6.jpg" alt="Natural" width="100"></td>
      <td>Table Data 4</td>
</tr>

جرّب بنفسك

Nested Tables in HTML الجداول المتداخلة في HTML

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

HTML Table Row With Multiple Data Cells

Another Elements Inside Table

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