خصائص الجداول في لغة الايتش ام ال html

بسم الله الرحمان الرحيم

درووس تعليم  لغة html

الجداول 3

السلام عليكم ورحمة الله و بركاته 

الجدول الذي قمنا بانشائه في المرة السابقة  الدرس السابق لم يكن مكتملا اي انه بدون 

حدود  و لم يكن منسق  لتعين حدود الجداول هناك عدة خصائص نستعملها

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

معها تتم على ثلاثة مستويات:

• مستوى الجدول ككل
• مستوى الصفوف ككل أو كل واحد على حده
• مستوى الخلايا ككل أو كل واحدة على حده. 

ولكل من هذه المستويات خصائصه التي ينفرد بها كما أن هناك خصائص مشتركة 

تستخدم مع كل الوسوم.

خصائص الوسم < TABLE> ... <‎/TABLE>

BORDER : تقوم هذه الخاصية بإضافة حدود للجدول وتحديد سماكتها، والقيمة 

الإفتراضية لها هي صفر أي لا حدود

‎<TABLE BORDER="5">‎
‎<TABLE BORDER="0">‎ 

WIDTH : نستخدم هذه الخاصية لتحديد عرض الجدول ككل. وهناك أسلوبين لتحديد العرض: المطلق أي بكتابة الرقم الذي يمثل العرض بصورة مباشرة. والنسبي أي كتابة رقم نسبي مئوي يحدد عرض الجدول حسب عرض نافذة المتصفح. (أي أن عرض الجدول سيختلف باختلاف عرض نافذة المتصفح).

‎<TABLE WIDTH="300">‎
‎<TABLE WIDTH="35%">‎ 

HEIGHT: لتحديد ارتفاع الجدول، ويكون تحديد هذا الإرتفاع من خلال قيمة مطلقة تحدد الإرتفاع بالبيكسل. أو قيمة نسبية تحدد ارتفاع الجدول بالنسبة لإرتفاع صفحة المتصفح

‎<TABLE HEIGHT="500">‎
‎<TABLE HEIGHT="100%">‎ 

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

‎<TABLE CELLSPACING="10">‎  

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

أو لنقل: تحديد حجم الهوامش لخلايا الجدول.

‎<TABLE CELLPADDING="10">‎

ALIGN: لتحديد محاذاة الجدول أفقياً على الصفحة يميناً أو يساراً. وهو يأخذ القيم 

              right, left

‎<TABLE ALIGN="Left">‎
‎<TABLE ALIGN="Right">‎ 

BGCOLOR:

                     ويستخدم لتحديد لون الخلفية للجدول

‎<TABLE BGCOLOR="#00FFFF">

هذه هي الخصائص المستعملة مع الجدول  وسنأخذ عليها امثلة تطبيقية في الرس القادم 

ان شاء الله

أظنك فهمت درس اليوم و ان كان عندك غمووض او اي 

استفسار اكتبه اسفل في مربع  التعليقات

               

                        الدرس القادم          من هنا