العودة إلى الدورة

الدرس 19: إنشاء جداول البيانات الأساسية (`<table>`)

الدورة الاحترافية في HTML: من الصفر إلى مطور ويب

19. إنشاء جداول البيانات الأساسية (<table>)

تستخدم الجداول لعرض البيانات الجدولية (وليس للتخطيط، وهو ما يخصص له CSS). يتطلب الجدول الأساسي ثلاثة عناصر أساسية.

19.1 هيكل الجدول الأساسي

  1. <table>: الحاوية للجدول بأكمله.
  2. <tr>: صف الجدول (Table Row).
  3. <td>: خلية بيانات الجدول (خلية قياسية).

html

<table> <tr> <td>الخلية 1، الصف 1</td> <td>الخلية 2، الصف 1</td> </tr> <tr> <td>الخلية 1، الصف 2</td> <td>الخلية 2، الصف 2</td> </tr> </table>

19.2 رؤوس الجدول (<th>)

تستخدم خلايا رأس الجدول (<th>) لتسمية الأعمدة أو الصفوف. يتم عرضها عادةً بخط غامق ووسطي افتراضياً، وتوفر معنى دلالياً.

html

<table> <tr> <th>الاسم</th> <th>العمر</th> <th>المدينة</th> </tr> <tr> <td>أليس</td> <td>30</td> <td>New York</td> </tr> </table>