تعلمنا سويا بـ الدرس الثامن مبادئ ادراج جدول لصفحتنا .......وسوف نكتمل سويا ونعرف اكثر على خصائص ممكن اضافتها فى ادراج جدول .
قبل ان نبدأ فى معرفه الخصائص لكى يكون الامر سهل غير معقدا وان تضيع وقت فير التفاصيل في بعض الأحيان ، لذلك من الأفضل أن ترسم الجدول أولاً على الورق قبل أن تطبقه على HTML.
والأن نقوم بسرد خصائص الجداول ألا وهى :-
وضع إطار للجدول (وضع حدود للجدول وتحديد سمكها وتكون
القيمه الافتراضيه لها صفر)
<"TABLE BORDER="5>
|
Border
|
التحكم بإرتفاع الجدول
(وأيضا يمكن تحديدها من خلال قيمه نسبيه او قيمه مطلقه)
TABLE HEIGHT="500">>
<"%<TABLE HEIGHT="100 |
Height
|
التحكم بعرض
الجدول(ويمكن تحديده بطريقتين :اما كتابه الرقم بشكل مطلق....او كتابته على شكل
نسبه معينه)
TABLE WIDTH="800">>
<TABLE WIDTH="80%"> |
Width
|
للتحكم بالمسافه بين
الخلايا(أى تحديد المسافه بين حدود الخليه والنص المكتوب بداخلها) وتتضح فى
الشكل التالى :-
TABLE CELLPADDING="10">>
|
Cellpadding
|
التحكم بالمسافة بین الخلايا (أى لتحديد المسافه بين كل خلية من خلايا
الجدول)
<"TABLE CELLSPACING="10>
|
Cellspacing
|
للتحكم فى لون خلفية
الجدول ؛ويمكن تعين صورة للخلفيه من
خلال خاصيه background
ولمعرفه المزيد من الالوان نتابع الدرس
<"TABLE BGCOLOR="#ffff00>
|
BGcollor
|
التحكم بمحاذاة محتوى الخلیة فقد تكون القيمه left تعني محاذاة للیسار أوright تعنى المحاذاه لليمين, justifyللضبط الكلي تجعل السطور متساويه،center تعنى فى المنتصف..
هناك خاصيه تسمى valign فتأخد القیمة top للأعلى ,bottom للاسفل , و middle للمنتصف
TABLE ALIGN="Left">>
<TABLE ALIGN="Right"> |
Align
|
يقوم بدمج الخلية الحالية مع العدد المطلوب من الخلايا التي تليها رأسيا
<TABLE BORDER="1" ALIGN="RIGHT" WIDTH="200">
<TR> <"TH ROWSPAN="2>مدونه مايندز</TH> <TH>الجزء الاعلى </TH> </TR> <TR><TH>الجزء السفلي</TH> </TR> </TABLE> |
ROWSPAN
|
يقوم بدمج الخلية الحالية مع العدد المطلوب من الخلايا التي تليها أفقيا
<tr>
<"td colspan="4>مدونه مابندز |علم ينتفع به </td> </tr> <tr> <td align="center">لغه برمجه </td> <td align="center">صيانه </td> <td align="center">اخبارانترنت</td> </tr> |
colspan
|
تستخدم لوضع عنوان للجدول حيث يأتي العنوان بشكل متوسط في أعلى الجدول حتى لو تم وضع الوسم caption في نهاية الجدول أو بين وسوم tr
وتكون كالتالى:-
|
Caption
|
الآن قم بتطبيق ما تعلمته وصمم عدداً من الجداول بمختلف القياسات ومختلف الخصائص والمحتويات.......