كيف تكتب و تنسق مساهماتك فى المنتدى (الدرس الثامن)

1. table row(tr)صف الجدول < tr >.....< /tr >

2. table data(td) بيانات الجدول< td >......< /td >

3. table header(th) رأس الجدول < th >.....< /th >

4. caption < caption >...... < /caption >

والعنصران td,th يحتويان على عددكبير من العناصر الأخرى كالخط ولون الخلفية والمحاذاه.....ألخ

e.g< table border="1" >< tr >< th >column 1 header < /h >< th >column 2 header < /h >< /tr >< tr >< td >< br > row1-col1< /td >< td > row1-col2< td >< /tr >< tr >< td >< br > row2-col1< /td >< td > row2-col2< td >< /tr >< tr >< td > row3-col1< /td >< td > row3-col2< td >< /tr >< /table >

ان البيانات الموجودة فى الجداول تكتب بلأمر < td >........< /td >كما رأينا فى المثال السابق كما يمكن كتابتها بلأمر < th > ....< /th >فما الفرق؟ الفرق هو أنه اذا كتبنا البيانات بلأمر < th >فا فان الخط سيكون سميك وموضوع فى مركز الخلية وعلى هذا فان هذا الأمر يستخدم قليلا حيث أننا فى الغالب نستخدم الخاصية bold or strong من صفات الخطوط لكى ننفذ هذا الشكل. لقد ناقشنا فى المثال السابق ثلاث خصائص للجداول ويبقى عنصر واحد هو table captionفمافائدته؟ان هذا العنصر يسمح لنابتخصيص نص ما أعلى أو أسفل النص

< table border="1" cellpading="2" >< caption align="top">جدول تدريب كتابة نص< /caption >< tr >< th >column 1 header < /h >< th >column 2 header < /h >< /tr >< tr >< td >< br > row1-col1< /td >< td > row1-col2< td >< /tr >< tr >< td >< br > row2-col1< /td >< td > row2-col2< td >< /tr >< tr >< td > row3-col1< /td >< td > row3-col2< td >< /tr >< /table >والناتج

1. bgcolor لون الخلفية
2. width يمكن تحديد عرض الجدول بالبكسل أو بالنسبة المئوية
3. borderالحدود الخارجية
4. cell spacing وهى المسافة الفاصلة بين الخلايا وبعضها
5. cell padingوهى المسافةالفاصلة بين حدود الخلية ومحتوياتها وتقدر بالبكسل
6. align (left,right,center)وهناك بعض المتصفحات التى لا تدعم خاصية align لذا يفضل أستخدام الأمر < div >أو< center >
7. background لاضافة خلفية (صورة)
8. border color light وهو لون خافت يلون الحدين الخارجين الجدول ليعطى أنطباع ثلاث الأبعاد
9. border color dark كلأعلى

1. colspan تحدد عدد الأعمدة
2. rowpan
3. align (reight,left,center)
4. valign(top,middle,bottom)
5. background
6. bgcplor
7. width
8. height