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

Table Data Cells with Td خلايا بيانات الجدول بعنصر td

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

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

الصف 1 شرح توضيحي
يمثل عنصر <td> خلية البيانات الفردية داخل شبكة الجدول. يحتضن هذا الوسم القيم والمعلومات الفعلية—مثل النصوص والأرقام والروابط التشعبية ومقتطفات الأكواد والصور—ويظهر افتراضياً بوزن خط عادي ومحاذاة إلى بداية السطر.
الصف 2 كود برمجي
HTML
<table>
  <tr>
    <th scope="col">Framework</th>
    <th scope="col">Language</th>
  </tr>
  <tr>
    <td>Laravel</td>
    <td>PHP</td>
  </tr>
</table>
الصف 3 شرح توضيحي
يمكن لخلية بيانات الجدول أن تستضيف معظم عناصر HTML القياسية، بما في ذلك الروابط والقوائم والنصوص المنسقة. ومع ذلك، يُنصح بتجنب تكديس كتل نصية معقدة داخل الخلية الواحدة لمنع تشتت القراءة على الشاشات الصغيرة.
الصف 4 ملاحظة هامة