انتقل إلى محتوى الدرس

Merge Table Cells in HTML دمج خلايا الجدول في لغة HTML

سوف تتعلم في هذا الدرس كيفية دمج خلايا الجدول في لغة HTML، سواء كانت الخلايا في نفس الصف أو نفس العمود.

1 صفوف تعليمية
لغة HTML
12,777 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
يمكنك دمج خليتين أو أكثر في الجداول في لغة HTML إذا كانت الخلايا متجاورة، سواء أفقياً أو رأسياً، وذلك عن طريق خاصيتين هما:


  • خاصية [colspan]: تُستخدم خاصية colspan مع عنصر الخلايا td أو th لتحديد عدد الخلايا التي سيتم دمجها أفقياً في نفس الصف.

  • خاصية [rowspan]: تُستخدم خاصية rowspan مع عنصر الخلايا td أو th لتحديد عدد الخلايا التي سيتم دمجها رأسياً بين الصفوف في نفس العمود.

المقصود أن خلية واحدة تشغل مواضع عدة أعمدة أو صفوف؛ السمة لا تجمع نصوص خلايا موجودة تلقائيًا. احذف الخلايا التي تغطيها الخلية الممتدة من الصفوف المعنية حتى لا يتداخل البناء.

دمج خلايا الجدول في لغة HTML

جميع فقرات هذا الدرس (دمج خلايا الجدول في لغة HTML)