بسم الله الرحمن الرحيم
الجداول 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>
|
والنتيجة هي :
| عنوان |
عنوان آخر |
الصف1, الخلية1 |
الصف1, الخلية2 |
| الصف2, الخلية1 |
الصف2, الخلية2 |
ويمكن أن تكون العناوين في الصف الأول للجدول - كما المثال السابق - أو في العمود الأول كالتالي :
| الاسم: |
عبد الله |
| الرقم: |
505 |
| رقم الهاتف : |
555 77 855 |
