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

Table Rows with Tr Element إنشاء صفوف الجداول بعنصر tr

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

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

الصف 1 شرح توضيحي
يتحكم عنصر صف الجدول <tr> في إنشاء كل خط أفقي مستقل داخل الشبكة. يتطلب هذا العنصر وسم فتح <tr> ووسم إغلاق </tr>، وهو الحاوية الوحيدة المصرح بها لاحتضان خلايا عناوين وأرقام الجدول.
الصف 2 كود برمجي
HTML
<!-- Table with two distinct rows -->
<table>
  <tr>
    <th>Course</th>
    <th>Level</th>
  </tr>
  <tr>
    <td>HTML5 Mastery</td>
    <td>Beginner</td>
  </tr>
</table>
الصف 3 شرح توضيحي
يمكن تطبيق قواعد تنسيق CSS على وسوم <tr> مباشرة، مثل تلوين الصفوف المتبادلة أو تعيين حدود الفواصل. مع ذلك، يُحظر تطبيق خصائص التموضع مثل float أو display: flex على صفوف الجداول لأنها تعطل حسابات المحاذاة الداخلية للمتصفح.
الصف 4 ملاحظة هامة