الجدول عبارة عن علامة تم استخدامها من قبل الجميع لفترة طويلة ولا تزال قيد الاستخدام حتى يومنا هذا، ومع ذلك، نظرًا لإعادة بناء موقع الويب الحالي، فمن المستحسن عدم استخدام الجداول للتخطيط ما يسمى ليس معيارا، ولكن هذا ليس هو الحال، والجدول هو عنصر مهم.
تتضمن علامات الجدول بشكل أساسي علامات الجدول، والتسمية التوضيحية، وth، وtr، وtd، وthead، وtfoot، وtbody، وcol، وcolgroup، ومقدمة كل منها كما يلي:
<table>
تحدد علامة الجدول الجدول. داخل علامة <table>، يمكنك وضع عناوين الجدول وصفوف الجدول وأعمدة الجدول وخلايا الجدول والجداول الأخرى.
<تسمية توضيحية>
يحدد عنصر التسمية التوضيحية عنوان الجدول. يجب أن تتبع علامة التسمية التوضيحية علامة الجدول مباشرة. يمكنك تحديد عنوان واحد فقط لكل جدول. عادةً ما يتم توسيط العنوان أعلى الجدول.
<ال>
حدد خلية الرأس في الجدول. عادة ما يتم عرض النص الموجود داخل هذا العنصر بالخط العريض.
<تر>
تحديد صف في الجدول.
<TD>
يحدد خلية في الجدول.
<الرأس>
تحديد رأس الجدول.
تمنحك عناصر thead وtfoot وtbody القدرة على تجميع الصفوف في الجدول. عندما تقوم بإنشاء جدول، ربما تريد أن يكون لديك صف رأس، وبعض الصفوف التي تحتوي على بيانات، وصف إجمالي في الأسفل. يمنح هذا التقسيم المتصفح القدرة على دعم التمرير في نص الجدول بشكل مستقل عن رؤوس وتذييلات الجدول. عند طباعة الجداول الطويلة، يمكن طباعة رأس الجدول وتذييله على كل صفحة تحتوي على بيانات الجدول.
<الجسم>
تحديد نص الجدول (النص).
باستخدام العلامة <tbody>، يمكن تقسيم الجدول إلى قسم منفصل. يمكن للعلامة <tbody> تجميع صف واحد أو عدة صفوف في الجدول.
على الرغم من أنك قد ترغب في تضمين علامة <tbody> واحدة أو حتى اثنتين أو أكثر في الجدول، إلا أننا نوصي بعدم وجود علامات <tbody> في الجدول.
من بين العلامات <tbody>، يمكن للعلامة <tr> فقط تحديد صفوف الجدول. وبمجرد تعريفها، تصبح علامة <tbody> جزءًا مستقلاً من الجدول. على سبيل المثال، لا يمكنك الانتقال من <tbody> إلى <tbody> آخر.
تمنحك عناصر thead وtfoot وtbody القدرة على تجميع الصفوف في الجدول. عندما تقوم بإنشاء جدول، ربما تريد أن يكون لديك صف رأس، وبعض الصفوف التي تحتوي على بيانات، وصف إجمالي في الأسفل. يمنح هذا التقسيم المتصفح القدرة على دعم التمرير في نص الجدول بشكل مستقل عن رؤوس وتذييلات الجدول. عند طباعة الجداول الطويلة، يمكن طباعة رأس الجدول وتذييله على كل صفحة تحتوي على بيانات الجدول.
<قدم>
تحديد تذييل (الحاشية السفلية) للجدول.
تمنحك عناصر thead وtfoot وtbody القدرة على تجميع الصفوف في الجدول. عندما تقوم بإنشاء جدول، ربما تريد أن يكون لديك صف رأس، وبعض الصفوف التي تحتوي على بيانات، وصف إجمالي في الأسفل. يمنح هذا التقسيم المتصفح القدرة على دعم التمرير في نص الجدول بشكل مستقل عن رؤوس وتذييلات الجدول. عند طباعة الجداول الطويلة، يمكن طباعة رأس الجدول وتذييله على كل صفحة تحتوي على بيانات الجدول.
<العمود>
يحدد قيم السمات لعمود واحد أو أكثر في الجدول. يمكنك استخدام هذه الخاصية فقط في الجداول أو المجموعات المجمعة.
<كولجروب>
تحديد مجموعة أعمدة الجدول. يتيح لك هذا العنصر تجميع الأعمدة لأغراض التنسيق. هذا العنصر صالح فقط داخل علامة <table>.
هناك طريقتان لاستخدام علامة <colgroup>: إحداهما هي تعريف عدة أعمدة متماثلة، والأخرى هي الجمع بين عدة أعمدة مختلفة.