تنظيم محتويات الجدول:
المقصود بتنظيم محتويات الجدول هو تحديد الصف الأساسي في الجدول، وهو رأس الجدول، والذي يحتوي غالبًا على عناوين البيانات الموجودة في أعمدة الجدول، وكذلك تحديد تذييل الجدول، وهو آخر صف في الجدول، والذي غالبًا ما يحتوي على مجاميع القيم الموجودة في أعمدة الجدول، كذلك تحديد عنوان الجدول.
ولتحديد الصف الأساسي في الجدول توضع الأكواد الخاصة بهذا الصف بين حدي العلامة >/thead< >thead< كما يوضح الكود التالي:
- 1. قم بتشغيل برنامج Notepad واكتب به نص ملف HTML كما في الشكل التالي:
لاحظ في الكود السابق استخدم العلامة </th> <th….> في إنشاء خلايا الصف الأساسي في الجدول بدلًا من <td>.
والمثال التالي يوضح كيفية إنشاء صف أساسي في الجدول.
- قم بتشغيل برنامج Notepad واكتب به نص ملف HLML كما في الشكل التالي:
- قم بحفظ المستند بامتداد html. وقم بفتح المستند في متصفح الإنترنت ولاحظ كيف تم تمييز الصف الأول من صفوف الجدول كصف أساسي في الجدول كما يوضح الشكل التالي:
وبنفس الطريقة يمكن تمييز الصف الأخير من صفوف الجدول كصف أساسي، كالصف الذي يختم به الجدول، ويحتوي مثلًا على تعليق ختامي لمحتويات الجدول، ونستخدم العلامة </tfoot> <……tfoot> لجعل الصف الأخير في الجدول صف ختامي في الجدول، وذلك بوضع الكود الخاص بإنشاء الصف الأخير بين حدي هذا العلامة، كما في الكود التالي:
أما العلامة <thody….> فتستخدم في جعل باقي خلايا الجدول كخلايا جسم الجدول، وذلك بوضع كل الأكواد الخاصة بإنشاء صفوف جسم الجدول بين حدي العلامة </thody> <tbody…..>، كما في الكود التالي:
