[~: Zac :~]

الجداول Tables



لا أبالغ عندما اقول ان الجداول هي من اهم اجزاء الموقع وربما تكون هي الاهم ..



فمعظم الموقع ان لم يكن جميعها تعتمد على الجداول في تقسيم الصفحة وتجزيئها ..



اذا لنتعرف على طريقة عمل الجدول بلغة الـ HTML



ملحوظة : لن أذكر في هذا الدرس كل ما يتعلق بالجداول فسنكتفي بمقدمة عن الجدوال فقط



وفي الدرس القادم باذن الله سنشرح كل ما يتعلق بها باستفاضة ..







الوسم الاساسي للجدول


<table>….</table>



ونضع بداخله محتوى الجدول ..







لنجرب كتابة هذا الكود ولنرى الناتج

<table border=”1”>
 
 
<tr><td>cell 1</td><td>cell2</td></tr>
 
 
<tr><td>cell 3</td><td>cell4</td></tr>
 
 
</table>

سنجد النتيجة مشابهة للآتي :







اذا كما نلاحظ :


الوسم <table>…</table>



هو لتعريف الجدول



الوسم <tr>…</tr>



لتعريف صف من الجدول ..( انشاء صف جديد في الجدول )



الوسم <td>…</td>


وهو لتعريف خلايا الصفوف ومحتواها ( انشاء خلية في الصف و كتابة محتواها )







ملحوظة :



عند انشاءك جدول يجب عليك معرفة انك تتعامل مع ثلاثة اجزاء :



1- الجدول ككل


2- الصفوف


3- الخلايا



سأقوم بتوضيح ما أعنيه في الدرس القادم بإذن الله ..








لنتعرف على بعض السمات الاساسية للجداول :



السمة border


وهي لتحديد سمك الاطار .. ونضع القيمة 0 لازالة الاطار







السمتين hight , width



لتحديد عرض وارتفاع الجدول ..



وتكون القيمة اما بالبكسل



او بالنسبة المئوية ...






السمة cellspacing



لتحديد المسافة الفاصلة بين كل خلية ..



وتأخذ قيمة رقمية .. 0 ، 1، 2 .... الخ







السمة cellpadding



لنحديد حجم الهوامش


( المسافة الفاصلة بين حدود الخلايا والمحتوى ..)


وتأخذ ايضاً قيمة رقمية ..







السمة align



وهي لتحديد موقع الجدول من الصفحة


وتأخذ احدى القيمتين left , right







السمة bgcolor



وهي لتحديد لون خلفية الجدول ..



وتكون القيمة .. اسم اللون


او الكود الخاص به ..


وذكرت لكم موقع به اكواد الالوان في الدرس الاول ...







اذا فسنكتفي بهذا القدر لهذا الدرس ..


وسيكون الدرس القادم يوم الثلاثاء باذن الله ثم سنعاود المواعيد الاسبوعية


الأحد – الأربعاء


منذ الاسبوع القادم باذن الله ..



الاجزاء اللي تم شرحها في هذا الدرس على قدر كبير من الاهمية .. برجاء قراءتها جيدا وفهمها وحفظها



واذكركم باهمية التطبيق الكثير والمختلف فمن دونه لا فائدة للفهم والحفظ ..










ارجو ان اكون قد وُفقت في الشرح بطريقة مبسطة ..



وفي انتظار استفساراتكم ..