المتابعون

الدرس التاسع : الجداول و تنسيقها (1) ( دورة ال html )

الخميس، 24 مارس 2011 |


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

الجداول أصعب شي لكنها مفيده واجد بالاخص لما تسوي ستايل لمنتدى أو مجله ..
تابعوا عندي خطوه خطوه عشان تفهموا زين .. 
أولاً : الاوامر الاساسيه لادراج جدول
شوفوا هالشفره ..
كود PHP:
<html>
<
head>
<
titleالجداول </title>
</
head>
<
body>
<
table>
<
tr>
<
tdخليه </td> <tdخليه </td>
</
tr>
<
tr>
<
tdخليه </td> <tdخليه </td>
</
tr>
</
table>
</
body>
</
html>  
انسخ الشفره الى المفكره و من ثم استعرضها في المستعرض وشوف النتيجة

شرح الشفره ..
شوفوا في ثلاث أوامر أساسيه عند وضع أي جدول الي هي .. 
كود PHP:
<table>  
= الامر الاساسي في ادراج الجداول و تندرج تحته باقي الاوامر 
كود PHP:
<tr>  
= أمر اضافة عمود و تندرج تحته أوامر الصفوف و الخلايا 
كود PHP:
<td>  
= امر اضافة الصف أو الخليه
ثانياً : الخصائص التي تستخدم في تنسيق (( الجدول )) 
و راح نعددها واحد واحد و بعدين راح أعطيكم مثال يوضحها كلها ان شاء الله ,,
1/ الخاصية border
و هي لاضافة حدود للجدول .. و نستخدمها على هذا الشكل .. 
كود PHP:
<table border="x">  
طبعا مع تغيير المتغير x الى الرقم الذي يمثل حجم الحدود الذي تريدها للجدول ..
و هذا يعني أن حجم الحد سيكون 4 .. ولكن اذا كنا نريد نحط ما فيه حد شو نسوي ؟؟ الجواب : نحط بدل x الرقم 0
2/ خاصية العرض width 
و تستخدم كالتالي : 
كود PHP:
<table width="xxx">  
و ممكن نغير الــ xxx الى حاجتين .. 
الاولى :متغير يكون رقم كالتالي : 
كود PHP:
<table width="400">  
الثانيه : متغير يكون نسبه مئويه ..
<table width="75%">
2/ خاصية الارتفاع height
حالها حال خاصية العرض ممكن بالنسبه المئويه و ممكن بالارقام .. 
ملاحظه : جميع القياسات التي تضعها في كل من خاصية الطول و العرض و الارتفاع و غيرها بالبكسل و ليست بالسنتي متر ..
نرجع لخاصيتنا .. 
لاحظ كيف نكتبها .. 
كود PHP:
<table height="100">  
او 
كود PHP:
<table height="20%">  
الحين اخر حاجه ..
تطبيق عملي على كل الي قلناه اليوم ..
كود PHP:
<html>
<
head>
<
titleالجداول </title>
</
head>
<
body>
<
table border="3" width="300" height="75%">
<
tr>
<
tdخليه </td> <tdخليه </td>
</
tr>
<
tr>
<
tdخليه </td> <tdخليه </td>
</
tr>
</
table>
</
body>
</
html>  
و مثل ما تعودنا لازم تكون نتيجة الكود بعد نسخه الى المفكره و تغيير امتداده و تشغيله بالمستعرض  جاهزة

*انتهى*

0 comments:

إرسال تعليق