عندما نقوم بعمل نموذج HTML
يمكنك أن ترى أن هذا غير عادل للغاية. وهذا يتطلب دمج الخلايا
1. قم أولاً بتأكيد ما إذا كنت تريد الدمج إلى اليمين (دمج الأعمدة) أو إلى الأسفل (دمج الصفوف).
2. ابحث عن الخلايا التي تحتاج إلى الدمج.
3. إذا كانت الخلية المدمجة تحتوي على محتوى أو تشغل موضعًا، فيمكن حذف الخلية المدمجة في التعليمات البرمجية المصدر.
اهتمام خاص :
عندما نقوم بدمج الخلايا، إذا كانت الخلايا المدمجة تحتوي على محتوى، على الرغم من أن الدمج لن يتأثر، لأن محتويات الخلايا المدمجة لا تتم معالجتها بأي شكل من الأشكال، فسوف تتحرك الخلايا تلقائيًا إلى الخلف.
الحل : فقط احذف الخلايا الزائدة.
الدمج عبر الصفوف: Rowspan = "عدد الخلايا المدمجة"
الدمج عبر الأعمدة: colspan="عدد الخلايا المدمجة"
شرح تفصيلي:
الخلية المستهدفة:
1: الصف المتقاطع: الخلية العلوية هي الخلية المستهدفة، اكتب رمز الدمج.
2: الأعمدة المتقاطعة: الخلية الموجودة في أقصى اليسار هي الخلية المستهدفة، اكتب رمز الدمج.
ثم نتبع الخطوات الرئيسية:
النموذج الأولي <الجسم>
<حدود الجدول = "1" محاذاة = "المركز" العرض = "100٪" خلية الحشو = "20" تباعد الخلايا = "0">
<تر>
<th>جمع معلومات كل النجوم</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<تر>
<ال></ال>
<th>الاسم</th>
<th>الجنس</th>
<th>العمر</th>
<th>الهوايات</th>
</tr>
<تر>
<td></td>
<td>أخ</td>
<td>ذكر</td>
<td>24</td>
<td>الغناء والرقص والراب ولعب كرة السلة</td>
</tr>
<تر>
<td></td>
<td>ليتانج</td>
<td>ذكر</td>
<td>20</td>
<td>قياس الكود والنقش الحاد الخامس</td>
</tr>
<تر>
<td></td>
<td>منجلي</td>
<td>ذكر</td>
<td>27</td>
<td>السيف الشهير يسرق البرج ويصبح الصياد المطلق</td>
</tr>
</الجدول>
</الجسم> 
وهذا يظهر مثل الصورة أعلاه
دمج الصفوف المتقاطعة (rowspan): إذا أردنا التأثير التالي، فنحن بحاجة إلى استخدام سمةrowspan
<الجسم>
<حدود الجدول = "1" محاذاة = "المركز" العرض = "100٪" خلية الحشو = "20" تباعد الخلايا = "0">
<تر>
<throwspan="5">مجموعة معلومات كل النجوم</th><!--وفقًا للمتطلبات، ابحث عن العنوان، واكتب نطاق السمة، واكتب المعلمة 5، مما يعني دمج الصفوف من الأول إلى الخامس في نفس الوقت، قم بالتعليق على العمود الأول من كل سطر -->
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<تر>
<!-- <th></th> -->
<th>الاسم</th>
<th>الجنس</th>
<th>العمر</th>
<th>الهوايات</th>
</tr>
<تر>
<!-- <td></td> -->
<td>أخ</td>
<td>ذكر</td>
<td>24</td>
<td>الغناء والرقص والراب ولعب كرة السلة</td>
</tr>
<تر>
<!-- <td></td> -->
<td>ليتانج</td>
<td>ذكر</td>
<td>20</td>
<td>قياس الكود والنقش الحاد الخامس</td>
</tr>
<تر>
<!-- <td></td> -->
<td>منجلي</td>
<td>ذكر</td>
<td>27</td>
<td>السيف الشهير يسرق البرج ويصبح الصياد المطلق</td>
</tr>
</الجدول>
</الجسم>دمج الأعمدة المتقاطعة (colspan): إذا أردنا التأثير التالي، نحتاج إلى استخدام سمة colspan
<الجسم>
<حدود الجدول = "1" محاذاة = "المركز" العرض = "100٪" خلية الحشو = "20" تباعد الخلايا = "0">
<تر>
<th colspan="5">مجموعة معلومات كل النجوم</th><!--وفقًا للمتطلبات، ابحث عن العنوان، واكتب السمة colspan، واكتب المعلمة 5، مما يعني دمج الأعمدة من الأول إلى الخامس، و وفي نفس الوقت قم بالتعليق على السطر الأول من كل عمود -->
<!-- <td></td>
<td></td>
<td></td>
<td></td> -->
</tr>
<تر>
<!-- <th></th> -->
<th>الاسم</th>
<th>الجنس</th>
<th>العمر</th>
<th>الهوايات</th>
</tr>
<تر>
<!-- <td></td> -->
<td>أخ</td>
<td>ذكر</td>
<td>24</td>
<td>الغناء والرقص والراب ولعب كرة السلة</td>
</tr>
<تر>
<!-- <td></td> -->
<td>ليتانج</td>
<td>ذكر</td>
<td>20</td>
<td>قياس الكود والنقش الحاد الخامس</td>
</tr>
<تر>
<!-- <td></td> -->
<td>منجلي</td>
<td>ذكر</td>
<td>27</td>
<td>السيف الشهير يسرق البرج ويصبح الصياد المطلق</td>
</tr>
</الجدول>
</الجسم>بهذا نختتم هذه المقالة حول التنفيذ المحدد لدمج جدول HTML. لمزيد من محتوى دمج جدول HTML، يرجى البحث في المقالات السابقة على موقع downcodes.com أو الاستمرار في تصفح المقالات ذات الصلة أدناه.