مطور Mtwer

الوليد الراشدي · #1 23-08-2008, 05:38 PM

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

شباب تكفون ركزوا عندي
الجداول أصعب شي لكنها مفيده واجد بالاخص لما تسوي ستايل لمنتدى أو مجله ..
تابعوا عندي خطوه خطوه عشان تفهموا زين ..
أولاً : الاوامر الاساسيه لادراج جدول
شوفوا هالشفره ..

كود 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>

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

لم ننتهي من الجداول الا و هذي البدايه بس ..
يـــــــــــــــــتــــ الجداول ــــــــــــــبـــ و تنسيقها (2) ــــــــــــــــع

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

تحياتي : الوليد الراشدي

توقيعي

للتواصل :

الوليد الراشدي

":":":" هذا الايميل مخصص للمحادثات ":":":":"

الايميل : aaa_54_51@hotmail.com

":":":":" هذا الايميل خاص للاستفسارات ":":":":

alwaleed.alrashdi@yahoo.com

شباب لو سمحتوا ما ابي رسائل سبام و انا عملت الايميل الجديد خصيصا عشان تقدروا تستفسروا على كيف كيفكم فــ لو سمحتوا لاجل مصلحة الجميع لا تخلوني ما استقبل اي استفسار كامل

الهاتف : 0096899804305

اللهم اني اسألك البر و التقوى

اللهم لا تهلكنا بما فعل السفهاء منا

اللهم علمنا ما ينفعنا و انفعنا بما علمتنا

اللهم لا علم لنا الا ما علمتنا

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الدرس العاشر : الجداول و تنسيقها (2)	الوليد الراشدي	دورة تعلم لغة الهتمل HTML	0	27-08-2008 03:11 PM
الدرس السادس والاخير فى دروس التحمية تطبيق قاعدة البيانات واستخدامها فى الجداول والتكرار	aymax.net	دورة برمجة الـ PHP (المستوى الأول)	1	19-06-2008 03:51 PM

مطور Mtwer

روابط مفيدة ننصح بزيارتها

روابط مهمة

من خدماتنا

خيارات الاعضاء والزوار