HTML Tutorial

عنصر <th>

ما هو استخدام <th>؟

تُستخدم علامة <th> لإنشاء خلية رأس في جدول HTML. وهي تحدد الخلية التي تحتوي على عنوان أو معلومات مهمة أخرى لجدول البيانات.

خصائص <th>

  • colspan: يحدد عدد الأعمدة التي تمتد إليها الخلية.
  • rowspan: يحدد عدد الصفوف التي تمتد إليها الخلية.
  • scope: يحدد ما إذا كانت الخلية ستكون رأسًا لصف أو عمود.

أمثلة مع <th>

<table>
  <thead>
    <tr>
      <th>الاسم</th>
      <th>العمر</th>
      <th>المدينة</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>جون</td>
      <td>30</td>
      <td>نيويورك</td>
    </tr>
  </tbody>
</table>

مثال HTML لاستكشاف علامة <th>

<!DOCTYPE html>
<html>
<head>
  <title>استكشاف علامة <th></title>
</head>
<body>
  <table>
    <thead>
      <tr>
        <th>رقم الطالب</th>
        <th>الاسم</th>
        <th>الدرجة</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>علي</td>
        <td>90</td>
      </tr>
      <tr>
        <td>2</td>
        <td>فاطمة</td>
        <td>85</td>
      </tr>
    </tbody>
  </table>
</body>
</html>