ابحث فى المدونة

جارٍ التحميل...

المواضيع الاكثر مشاهده

أحدث المواضيع

تعلم و احترف HTML فى 14 يوم 

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

تحدثنا سابقا عن الوصلات التشعبية link اليوم سنتحدث عن الجداول .
تعد الجداول من اقوى الادوات التى تتضمنها لغة HTML  و اكاد اجزم بانه لا يوجد موقع فى الانترنت الا و يستخدمها بصورة او باخرى.

 و الحقيقة ان وضع الجداول فى صفحات الويب لا يقتصر على تلك القوائم من البيانات التى نحتاج لترتيبها فى صفوف او اعمدة , بل يتعدى ذلك استخدامها فى تصميم الصفحات نفسها و تنظيمها , و التحكم بمظهرها بصورة فعالة لا يمكن أداؤها مهما استخدمنا من وسوم خاصة بتنسيق الصفحات .
هل انت مستعد ؟ اذن هيا بنا .............
فى البداية اليك هذا الوصف البسيط للوسوم الاساسية الخاصة بالجداول

<TABLE>.......</TABLE>
وسم تعريف الجدول
<TR>...................</TR>
Table Row وسوم تعريف الصف فى الجدول.
<TD>cell data</TD>
Table Data وسوم تعريف الخلايا فى الصف و تعريف محتويات كل خلية.
هيا بنا نكتب اول جدول لنا :

<body>
<table>
<tr>
<td>name1</td>
<td>name2</td>
</tr>
<tr>
<td>name3</td>
<td>name4</td>
</tr>
<tr>
<td>name5</td>
<td>name6</td>
</tr>
</table>
</body>
انظر الى نتيجة العمل التى حصلنا عليها.

اولا ادرجنا جدول ثم حددنا عدد الصفوف و بعدد الصفوف نكتب الوسم tr  ثم نملأ كل صف على حدة باستخدام الوسم td.
و الان مع الخصائص و لكل من الوسوم السابقة خصائص خاصة به
اولا الخصائص الخاصة بالوسم table


و هذه هى الخصائص المستخدمة مع الجدول سنحاول تطبيقها فى المثال السابق كما هو الاختلاف فقط فى وسم table :
<table border="5">


<table border="5" cellpadding="5">


<table border="5" cellpadding="5" cellspacing="10">


<table border="5" cellpadding="5" cellspacing="10" bgcolor="yellow">


<table border="5" cellpadding="5" cellspacing="10"
bgcolor="yellow" height="200" width="60">
 نتكلم الان عن الخصائص الخاصة المستخدمة مع الوسم TR
و نعود الان الى جدولنا السابق لتنفيذ هذه الخصائص عليه :
<table border="5" width="25%" height="160">
<tr align="left" valign="top"  bgcolor="4945cd">
<td>name1</td>
<td>name2</td>
</tr>
<tr align="right" valign="bottom" bgcolor="dafeca">
<td>name3</td>
<td>name4</td>
</tr>
<tr align="center" valign="middle" bgcolor="cfbade">
<td>name5</td>
<td>name6</td>
</tr>
</table>
اما الخصائص الخاصة بالخلايا فهذا جدول خاص بها :
 كالعادة سننفذ هذه الخصائص على نفس الجدول :
<table border="2">
<tr>
<td align="left" bgcolor="adcb2f">name1</td>
<td align="right" bgcolor="df1acf">name2</td>
</tr>
<tr>
<td colspan="2" height="80" bgcolor="abcdef">name3</td>
<td>name4</td>
</tr>
<tr>
<td width="25%">name5</td>
<td bgcolor="acfbda">name6</td>
</tr>
</table>
و هناك وسم خاص بالخلايا Table Header 
<TH>..........</TH>
و الفرق الوحيد بينه وبين TD هو ان النص فى الخلية يظهر بخط اسود عريض و فى منتصف الخلية بصورة افتراضية .
الوسم الاخير الخاص بالجداول و هو الوسم CAPTION
<CAPTION >...............</CAPTION>
و هى تختص باضافة عنوان رئيسى للجدول .
و تكتب بعد الوسم Table و قبل الوسم TR .
و يمكنك ان تجرب الكثير من الجداول و تغير فى اطوالها و اشكالها كما تحب . 
و بذلك نكون قد انتهينا من الجداول و لاحقا نلتقى لمعرفة جديدة    و فى الغد سنناقش موضوع هام و هو الاطارات

6 comments:

Mezo Mohamed يقول...

-
المنطقة. وعلاوة على ذلك، فإنه يحمل الشركات الرائدة أيضا. على هذا النحو، فإن معظم هذه الشركات يمكن طلب المساعدة المهنية من الشركات التي تعطي خدمات التنظيف. بغض النظر عما إذا كنت بحاجة إلى خدمات التنظيف التجارية أو الطبية خدمات تنظيف المكاتب، هناك مزود خدمة واحد في جميع أنحاء التي يمكن أن تعتمد على شركة تنظيف المنازل بالرياضوبصرف النظر عن ذلك، تحتاج إلى إلقاء نظرة فاحصة على الخدمات التي تتميز والثقة من مزود الخدمة. هذا أمر بالغ الأهمية للتأكد من أن مزود الخدمة الذي كنت على

خدمات الشرقية يقول...

شركة تنظيف منازل بالقطيف
شركة تنظيف بالقطيف
شركة تنظيف منازل بالخبر
شركة تنظيف بالخبر

شركة تنظيف مسابح بالاحساء
شركة تنظيف خزانات بالاحساء
شركة تسليك مجاري بالاحساء
شركة شفط بيارات بالاحساء
شركة كشف تسربات المياه بالاحساء

خدمات الشرقية يقول...

شركة تنظيف منازل بالاحساء
شركة تنظيف بالاحساء
شركة نقل عفش بالجبيل
شركة نقل عفش بالاحساء

خدمات الشرقية يقول...

شركة تنظيف منازل بالدمام
شركة تنظيف بالدمام
شركة تنظيف مجالس بالخبر
شركة تنظيف منازل بالاحساء

شركة المثالية للتنظيف
شركة كشف تسربات المياه بالخبر
شركة كشف تسربات المياه بالدمام

خدمات الشرقية يقول...

شركة مكافحة حشرات بالجبيل
شركة رش مبيدات بالجبيل
شركة شفط بيارات بالجبيل

شركة كشف تسربات المياه بالجبيل
شركة تنظيف مجالس بالجبيل
شركة تنظيف خزانات بالجبيل
شركة تسليك مجاري بالجبيل

خدمات الشرقية يقول...

شركة تنظيف بالجبيل
شركة تنظيف منازل بالجبيل
شركة تنظيف شقق بالجبيل
شركة تنظيف مسابح بالجبيل

data: commentLabel/
Related Posts Plugin for WordPress, Blogger...