جديد الصور
جديد البطاقات
جديد الصوتيات
المتواجدون الآن
تغذيات RSS
|
2012-08-17 03:28
بسم الله الرحمن الرحيم
الجداول 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
|
|
|
خدمات المحتوى
|
تقييم
|
|
|
الرئيسية
الصور
البطاقات
الأخبار
المقالات
الصوتيات
0 | 
0 | 
626
