انتقل إلى محتوى الدرس

Table Role for Tabular Data دور الجداول بعرض البيانات المنظمة

تعلم أساسيات جداول HTML: اكتشف البنية ثنائية الأبعاد للصفوف والخلايا، واستخدم وسوم tr و th و td باحترافية، وطبق معايير الإتاحة بخاصية scope مع تجنب استخدام الجداول في التخطيط.
4 صفوف تعليمية
لغة HTML
32,223 مشاهدة

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

الصف 1 شرح توضيحي
تتكون البيانات المجدولة من معلومات منظمة في شبكة هندسية ثنائية الأبعاد تلتقي فيها الصفوف الأفقية بالأعمدة الرأسية. في لغة HTML، صُمم عنصر الجدول table خصيصاً لعرض البيانات ذات العلاقات المترابطة—مثل الجداول الحسابية والمالية ومواصفات المنتجات والجداول الزمنية وتقارير الإحصاءات—لتسهيل استيعابها برمجياً وبصرياً.
الصف 2 كود برمجي
HTML
<table>
  <tr>
    <th>Course Track</th>
    <th>Duration</th>
    <th>Level</th>
  </tr>
  <tr>
    <td>Web Development</td>
    <td>12 Weeks</td>
    <td>Starter</td>
  </tr>
</table>
الصف 3 شرح توضيحي
عند صياغة البيانات داخل جدول HTML دلالي، يتمكن المتصفح والتقنيات المساعدة من بناء شجرة علاقات منطقية تربط كل رقم ومعلومة بعنوانه التفسيري المباشر. يتيح ذلك لقارئات الشاشة نطق الخلايا بسياقها الصحيح بدلاً من تلاوة أرقام مجردة تفقد قيمتها الفنية.
الصف 4 ملاحظة هامة