HTMLالوسم <th>

<table>
    <!-- هنا قمنا بتعريف السطر الأول في الجدول و بداخله وضعنا 3 خانات عبارة عن عناوين -->
    <tr>
        <th>ID</th>
        <th>User</th>
        <th>Phone</th>
    </tr>
    <!-- هنا قمنا بتعريف السطر الثاني في الجدول و بداخله وضعنا 3 خانات عادية -->
    <tr>
        <td>1</td>
        <td>mhamad</td>
        <td>70123456</td>
    </tr>
    <!-- هنا قمنا بتعريف السطر الثالث في الجدول و بداخله وضعنا 3 خانات عادية -->
    <tr>
        <td>2</td>
        <td>mira</td>
        <td>03102013</td>
    </tr>
</table>

<table>
    <!-- في هذا السطر جعلنا الخانة الأخيرة تظهر على عامودين في نفس السطر -->
    <tr>
        <th>ID</th>
        <th>User</th>
        <th colspan="2">Phone</th>
    </tr>
    <tr>
        <td>1</td>
        <td>mhamad</td>
        <td>70123456</td>
        <td>03986532</td>
    </tr>
    <tr>
        <td>2</td>
        <td>mira</td>
        <td>03102013</td>
        <td>76124578</td>
    </tr>
    <tr>
        <td>3</td>
        <td>hala</td>
        <td>76804712</td>
        <td></td>
    </tr>
</table>

<table>
    <!-- في هذا السطر جعلنا الخانة الأولى و الثانية يظهران على سطرين تحت نفس
    العمود, كما أننا جعلنا الخانة الأخيرة فيه تظهر على عامودين في نفس السطر -->
    <tr>
        <th rowspan="2">ID</th>
        <th rowspan="2">User</th>
        <th colspan="2">Phone</th>
    </tr>
    <tr>
        <th>First</th>
        <th>Second</th>
    </tr>
    <tr>
        <td>1</td>
        <td>mhamad</td>
        <td>70123456</td>
        <td>03986532</td>
    </tr>
    <tr>
        <td>2</td>
        <td>mira</td>
        <td>03102013</td>
        <td>76124578</td>
    </tr>
    <tr>
        <td>3</td>
        <td>hala</td>
        <td>76804712</td>
        <td></td>
    </tr>
</table>

<table>
    <!-- هذه الخانات وضعناها كعنوانين في الجدول و أضفنا لها الخاصية
    حتى يتم تطبيق كود التصميم الموضوع كعنوان للأعمدة عليها scope="col" -->
    <tr>
        <th scope="col">Player</th>
        <th scope="col">Level</th>
        <th scope="col">Score</th>
    </tr>
    <!-- scope="col" الخانة الأولى في هذا السطر أضفنا لها الخاصية 
    حتى يتم تطبيق كود التصميم الموضوع كعنوان للأسطر عليها -->
    <tr>
        <th scope="row">Mhamad</th>
        <td>224</td>
        <td>50875135</td>
    </tr>
    <!-- scope="col" الخانة الأولى في هذا السطر أضفنا لها الخاصية 
    حتى يتم تطبيق كود التصميم الموضوع كعنوان للأسطر عليها -->
    <tr>
        <th scope="row">Bilal</th>
        <td>203</td>
        <td>46897655</td>
    </tr>
    <!-- scope="col" الخانة الأولى في هذا السطر أضفنا لها الخاصية 
    حتى يتم تطبيق كود التصميم الموضوع كعنوان للأسطر عليها -->
    <tr>
        <th scope="row">Sara</th>
        <td>198</td>
        <td>42159753</td>
    </tr>
</table>