يمكنك دمج خليتي جدول أو أكثر معًا باستخدام سمة colspan في علامة HTML (بيانات الجدول). على سبيل المثال ، في التعليمة البرمجية أدناه يوجد جدول به ثلاثة صفوف وثلاثة أعمدة.

إذا أردنا دمج الخليتين الأوليين في خلية واحدة ، فيمكننا استخدام سمة colspan = "2" في الأولى العلامة. يمثل الرقم عدد الخلايا التي تريد استخدامها لل العلامة.

مثال جدول HTML

الشفرة أعلاه ، المقدمة في متصفح الويب ، تنتج جدولًا مشابهًا للجدول الموضح أدناه. كما ترون ، تمتد الخلية الأولى بعرض عمودين.

لاستخدام الخلايا الثلاث في الجزء العلوي من الجدول ، قم بزيادة قيمة colspan إلى 3 نظرًا لوجود ثلاثة أعمدة. زيادة القيمة إلى 3 يمنحك جدول مشابه للمثال الموضح أدناه.

ملاحظة: تأكد من أنه عند توسيع العمود الذي قمت بإزالة أي المتبقية العلامة. في المثال أعلاه ، نظرًا لأننا نستخدم الأعمدة الثلاثة جميعًا ، فلدينا واحد فقط في ال (صف الجدول).

دمج الخلايا باستخدام محرر WYSIWYG

يمكنك أيضًا استخدام محرر WYSIWYG لدمج الخلايا. عادةً ما يتم ذلك عن طريق تمييز خليتين أو أكثر ، والنقر بزر الماوس الأيمن على الخلايا ثم تحديد خيار دمج الخلايا. يوجد أدناه خطوات إضافية حول كيفية القيام بذلك في Dreamweaver و Expression Web.

دمج الخلايا باستخدام Dreamweaver

1. قم بتمييز خليتين أو أكثر في الجدول الخاص بك.
2. انقر بزر الماوس الأيمن فوق الخلايا المميزة.
3. انقر فوق جدول ، ثم قم بدمج الخلايا .

أو

1. قم بتمييز خليتين أو أكثر في الجدول الخاص بك.
2. اضغط على اختصار لوحة المفاتيح Alt + Ctrl + M.

دمج الخلايا باستخدام Expression Web

1. قم بتمييز خليتين أو أكثر في الجدول الخاص بك.
2. انقر بزر الماوس الأيمن فوق الخلايا المميزة.
3. انقر فوق تعديل ، ثم قم بدمج الخلايا .