بسم الله الرحمن الرحيم

الجداول Tables :

ببساطة يعرف الجدول من خلال الوسم < table> يقسم الجدول إلى صفوف ؛ نعرّف الصف باستخدام الوسم < tr> ؛ وكل صف يوجد به خلايا بيانات .. وبالتالي نعرّف كل خلية بـالوسم < td> - حيث أن td هي اختصار لـtable data - .
بيانات كل خلية من الممكن أن تكون نص – صورة – قائمة – جدول وغيرها (text, images, lists, paragraphs, forms, horizontal rules, tables, etc.) .

مثال :

<table border="1">




<tr>




<td> أنا الخلية رقم واحد في الصف الأول</td>




<td>أنا اخت الخلية التي بجانبي</td>




</tr>




<tr>




<td>أنا الخلية التي في الطابق الثاني</td>




<td>أنا بنت عم الخلية التي في هذا الطابق</td>




</tr>




</table>

والنتيجة هي :

كما رأينا أضفنا حدود الجدول في وسم البداية : < TABLE border=1>

وإذا إردنا الجدول بدون حدود .. فما علينا سوى أن نكتب وسم البداية بدون ذكر قيمة للبوردر .. اي هكذا :< TABLE>

تابعنا في الدروس القادمة إن شاء الله لكي تعرف أنواع حدود الجداول التي يمكنك استخدامها في الهتمل .

العناوين أو أسماء التبويبات Headings in a Table :

نعرّف العنوان بالوسم < th> كالتالي:

<TABLE border=1>


<TR>


<TH>عنوان</TH>


<TH>عنوان آخر</TH>


</TR>


<TR>


<TD>الصف1, الخلية1</TD>


<TD>الصف1, الخلية2</TD>


</TR>


<TR>


<TD>الصف2, الخلية1</TD>


<TD>الصف2, الخلية2</TD>


</TR>


</TABLE>

والنتيجة هي :

ويمكن أن تكون العناوين في الصف الأول للجدول - كما المثال السابق - أو في العمود الأول كالتالي :