HTML Tutorial

عنصر <tr>

استخدام <tr>

يستخدم عنصر <tr> لتحديد صف جدول في جدول HTML. يظهر هذا الصف أعلى نص العلامة ويستمر حتى نهاية العلامة.

خصائص <tr>

  • align: محاذاة نص الصف (يسار، يمين، وسط)
  • valign: محاذاة نص الصف عموديًا (أعلى، أسفل، وسط)
  • bgcolor: لون خلفية الصف
  • height: ارتفاع الصف

أمثلة باستخدام <tr>

  • لإنشاء صف جدول بسيط:
<tr>
  <td>الصف الأول</td>
  <td>الصف الثاني</td>
</tr>
  • لإنشاء صف جدول محاذى لليمين:
<tr align="right">
  <td>الصف الأول</td>
  <td>الصف الثاني</td>
</tr>
  • لإنشاء صف جدول بلون خلفية أحمر:
<tr bgcolor="red">
  <td>الصف الأول</td>
  <td>الصف الثاني</td>
</tr>

مثال HTML لتوضيح عنصر <tr>

<table>
  <tr>
    <th>اسم</th>
    <th>العم</th>
  </tr>
  <tr>
    <td>جون</td>
    <td>سميث</td>
  </tr>
  <tr>
    <td>ماري</td>
    <td>جونز</td>
  </tr>
</table>

هذا المثال ينتج جدولاً مكونًا من عمودين وصفين.

ملاحظة

لتحسين إمكانية الوصول وسهولة الاستخدام، استخدم عنصر <th> لعنوان الصف بدلاً من <tr>.