HTML Tutorial

عنصر <td>

الاستخدام:

تستخدم علامة <td> لإنشاء خلية في جدول HTML.

السمات:

  • colspan: تحديد عدد الأعمدة التي تمتد إليها الخلية.
  • rowspan: تحديد عدد الصفوف التي تمتد إليها الخلية.
  • bgcolor: تعيين لون خلفية الخلية.
  • align: محاذاة المحتوى داخل الخلية.
  • width: تحديد عرض الخلية.

أمثلة على استخدام <td>:

<table>
  <tr>
    <td colspan="2">الصف الأول، العمودان الأول والثاني</td>
    <td>الصف الأول، العمود الثالث</td>
  </tr>
  <tr>
    <td>الصف الثاني، العمود الأول</td>
    <td>الصف الثاني، العمود الثاني</td>
    <td>الصف الثاني، العمود الثالث</td>
  </tr>
</table>

مثال توضيحي على علامة <td>:

<!DOCTYPE html>
<html>
<body>
  <table>
    <tr>
      <th>الرقم</th>
      <th>الاسم</th>
      <th>العمر</th>
    </tr>
    <tr>
      <td>1</td>
      <td>أحمد</td>
      <td>20</td>
    </tr>
    <tr>
      <td>2</td>
      <td>محمد</td>
      <td>25</td>
    </tr>
    <tr>
      <td>3</td>
      <td>علي</td>
      <td>30</td>
    </tr>
  </table>
</body>
</html>