كيفية جعل الخلية تمتد لأكثر من صف واحد في الجدول في html

تتوفر قي عنصر table بعض الخصائص التي تجعل من مهمة تنسيقه واظهاره بالشكل المطلوب سهل, من هذه الخصائص خاصية rowspan وتستخدم لجعل الخلية تمتد لأكثر من صف واحدو يتم استخدامها كالتالي

<table border="1">

    <tr>
        <td >Ninja</td>
        <td>Hello</td>
    </tr>
    <tr>
        <td>Word</td>
    </tr>
</table>

لاحظ هذا الكود عبارة عن جدول بسيط يتكون من صفين وعمودين, سوف تكون النتيجة كذلك

الآن لنحاول أن نجعل الخلية Ninja تاخذ صفين عن طريق اعطاءها الخاصية rowspan كالتالي

<table border="1">

    <tr>
        <td rowspan="2" >Ninja</td>
            ^^^^^^^^^^^
        <td>Hello</td>
    </tr>
    <tr>
        <td>Word</td>
    </tr>
</table>

قمت بتحديد عدد الصفوف التي أريدها, سوف تكون النتيجة بهذا الشكل