العودة إلى الدورة

الدرس 20: الجداول المتقدمة: Colspan، Rowspan، والهيكل

الدورة الاحترافية في HTML: من الصفر إلى مطور ويب

20. الجداول المتقدمة: Colspan، Rowspan، والهيكل

20.1 العناصر الهيكلية

للجداول المعقدة، استخدم هذه العناصر لتحديد الأقسام الدلالية:

  • <thead>: تجميع محتوى الرأس (عناوين الأعمدة).
  • <tbody>: تجميع محتوى الجسم الأساسي (صفوف البيانات).
  • <tfoot>: تجميع محتوى التذييل (الإجماليات أو الملخص).

html

الشهرالمبيعات
يناير$500
فبراير$750
الإجمالي$1250

20.2 دمج الخلايا (colspan و rowspan)

تسمح هاتان الخاصيتان لخلية واحدة بالامتداد عبر عدة أعمدة أو صفوف، على غرار دمج الخلايا في Excel.

  • colspan: تحدد عدد الأعمدة التي يجب أن تمتد عبرها الخلية.
  • rowspan: تحدد عدد الصفوف التي يجب أن تمتد عبرها الخلية.

html

بيانات الربع الأول
ينايرفبراير