التخطي إلى المحتوى
شرح دورة الـ HTML للمبتدئين – الدرس التاسع

تعلمنا سويا بـ  الدرس الثامن  مبادئ ادراج جدول  لصفحتنا …….وسوف نكتمل سويا  ونعرف اكثر على خصائص ممكن اضافتها فى ادراج جدول .
قبل ان نبدأ فى  معرفه الخصائص لكى يكون الامر سهل غير معقدا  وان  تضيع وقت  فير التفاصيل في بعض الأحيان ، لذلك من الأفضل أن ترسم الجدول أولاً على الورق قبل أن تطبقه على 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

الآن قم بتطبيق ما تعلمته وصمم عدداً من الجداول بمختلف القياسات ومختلف الخصائص والمحتويات…….

عن الكاتب

التعليقات

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Shares