الدرس الثالث 1-3 : دورة HTML (الجزء الأول)

المجتمع الناجح يقدم لكم دورة في HTML من البداية إلى الإحتراف

الدرس الثالث :(الجزء الأول)

1- الجداول TABLES:

إنشاء الجداول في HTML قد يكون في البداية معقداً، لكن إذا بقيت هادئاً وراقبت ما تقوم به جيداً سترى أن الجداول بسيطة ومنطقي

     -وسم البداية <table> ووسم الإغلاق </table> يبدأ من بينهما الجدول وينتهي.

     -<tr> تعني "table row" وهي العنصر الذي تبدأ من خلاله الصفوف وتنتهي.

     -<td> هي اختصار "table data". هذا الوسم يبدأ وينهي كل خلية في صفوف الجدول.

      -width:تحدد عرض الخلية، وذلك بكتابة القيمة المباشرة للعرض المطلوب بالبيكسل، أو بكتابة رقم يمثل النسبة المئوية. ويكفي تحديد العرض للخلايا في أحد الصفوف لكي يتم تطبيقه على كل الخلايا في كل الصفوف.

      -cellspacing:لتحديد المسافة بين كل خلية من خلايا الجدول

      -cellpadding:لتحديد المسافة الفاصلة بين الحدود وبداية النص في كل خلية. أو لنقل: تحديد حجم الهوامش لخلايا الجدول.

2- TABLES BACKGROUND:

      -bgcolor تحدد لون خلفية اما باكتابة اسم اللون أو rgb أوhex

      -backgroung استعمال صورة كخلفية للجدول

3- TABLES CAPTION:

 تختص بإضافة عنوان رئيسي للجدول ككل. لذلك فهي عندما تكتب يتم وضعها مباشرة بعد الوسم <table> وبصورة مستقلة وليس ضمن وسوم الصفوف أو الخلايا

4- TABLES COLSPAN:

     -Colspan هي اختصار "column span" تستخدم في الوسم <td> لتحدد عدد الأعمدة التي ستتمدد له

      <td colspan="n"> حيث n هو عدد الخلايا التي سيتم دمجها

5- TABLES FRAME:

تأطير الجدول void,above,below,hsides,vsides,rhs,lhs,box,border