مناقشة / HTML ( الدرس السادس ) : HTML Tables

حلو الذكرى · 04-08-2009, 09:58 AM

يوجد تطبيقات رائعة جداً ..

عذراً على تأخر تطبيقي " الجميلين الاتصالات قاطعين النت عن العالم كله "..

كود PHP:

<html dir="rtl"> <head> <title> حلو الذكرى </title> </head> <body> <br> <br> <h2>  الصف الأول متوسط</h2> <table border="1" cellpadding="5" cellspacing="5" frame="rhs" width="30"> <tr> <th bgcolor="Wheat""><h3>اسم الطالبة</h3></th> <th bgcolor="Wheat"><h3>الدرجة</h3></th> <th bgcolor="Wheat"><h3>النسبة</h3></th> </tr> <tr bgcolor="PaleTurquoise"> <td><h3>هند</h3></td> <td><h3>15</h3></td> <td> </td> </tr> <tr bgcolor="PaleTurquoise"> <td><h3>ريم</h3></td> <td><h3>20</h3></td> <td><h3>100%</h3></td> </tr> </table> </body> </html>

فيه أشياء كثيره مافهمته ..
قريت بالدرس إن الجداول مهمة ، ما أهميتها .؟

نُورَان ، · 04-08-2009, 11:41 AM

المشاركة الأصلية كتبت بواسطة حلو الذكرى

فيه أشياء كثيره مافهمته ..
قريت بالدرس إن الجداول مهمة ، ما أهميتها .؟

فيه أشياء كثيره مافهمته ..

شنو اللي ما فهمتيه سأحاول مساعدتك ,

قريت بالدرس إن الجداول مهمة ، ما أهميتها .؟

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

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

موفقه ,

حلو الذكرى · 04-08-2009, 12:44 PM

المشاركة الأصلية كتبت بواسطة لهفة حنين

شنو اللي ما فهمتيه سأحاول مساعدتك ,

موفقه ,

بتتعبين معي ..

summary
عبارة عن خلاصة ما يحتويه الجدول
كنص مكتوب لا يظهر في المتصفح
تأخذ القيمة
text
أي نص نكتبه

الخاصية هذي عيت تجي معي .!

width
تحدد عرض الجدول
تأخذ القيمة
إما نسبة مئوية
أو بالـ pixels

وسم الوسم <th> :

axis

تعرّف إحداثيات فريدة تكشف موقع الخلية في الجدول المحيط ..
و يمكن استعمال هذه الخاصية تلقائيًا لإدخال المحتويات إالى قاعدة بيانات
أي أنها تأخذ مكان معروف خاص بها أو إحداثيات في الجدول ..
حتى يمكن معرفتها
مثلاُ . . الخلية تقع في الصف الأول في العمود الثالث
إذن لا توجد خلية تأخذ نفس الموقع .. كل خلية لها إحداثيات تختلف عن الأخرى ..

abbr
اختصار . . لخلية العنوان

char
تعيّن حرفًا لمحاذاة الجدول عليه ..
و في هذه الحالة تكون بحاجة أيضاً
ا إلى
كود:
align="char"
.. و هو وسيط جديد
________
charoff
هو إزاحة تطبق على حرف المحاذاة

headers
قائمة بمعرفات الخلايا
أي احداثياتها كل خلية لها إحداثي نختلف عن الآخر

حاولت أزيد عرض الخلايا عن طريق الوسم هذا ولا ضبط ..

width
لتحديد عر ض الخلايا . .

الوسم هذا ما حبيته وتركته :s

وسم <colgroup>

صفحته

http://www.w3schools.com/tags/tag_colgroup.asp

إذا كان لدي جدول فية عمودين الأول للأسماء و الثاني للارقام
كيف أخصص لكل عمود لون أو حجم معين ؟؟؟

تعبت
هذا وهي مراجعة عالسريع ولا خلصت كل الدرس :s

أكثر شي مهم وأبي أعرفه شلون أزيد من عرض الخلايا ..

نُورَان ، · 05-08-2009, 01:55 AM

^

يا اللــــه ..!

كتبت الرد الظهر وأنقطع الإتصال وطار كل شيء ..!

سأعيد كتابة الرد بعد قليل ..,

نُورَان ، · 05-08-2009, 04:38 AM

*

summary
عبارة عن خلاصة ما يحتويه الجدول
كنص مكتوب لا يظهر في المتصفح
تأخذ القيمة
text
أي نص نكتبه

خاصية summary من خواص الوسم table وقيمتها text أي نص .

هذه الخاصية تكتبين فيها خلاصة أو ملخص لما يحتويه الجدول طبعاً النص مش حيطلع في المتصفح !

مثال

كود:

<html>
<body>

<table border="1" summary="   هذا الجدول يعطي طريقة ختم القرآن خلال عشرة أيام">
<br>
<table border="2" align="center">

,,

width
تحدد عرض الجدول
تأخذ القيمة
إما نسبة مئوية
أو بالـ pixels

وراه ما ضبطت معاك ؟! تأكدي أنك تكتبين الوسم بشكل صحيح ..!
خاصية width قيمتها إما نسبة مئوية أو بيكسل .
مثال :

كود:

<table border="1" width="20%">

كود:

<table border="1" width="20">

,,

*

axis

تعرّف إحداثيات فريدة تكشف موقع الخلية في الجدول المحيط ..
و يمكن استعمال هذه الخاصية تلقائيًا لإدخال المحتويات إالى قاعدة بيانات
أي أنها تأخذ مكان معروف خاص بها أو إحداثيات في الجدول ..
حتى يمكن معرفتها
مثلاُ . . الخلية تقع في الصف الأول في العمود الثالث
إذن لا توجد خلية تأخذ نفس الموقع .. كل خلية لها إحداثيات تختلف عن الأخرى ..

إلى الآن لم أفهمها جيداً ..!

,,

*

char
تعيّن حرفًا لمحاذاة الجدول عليه ..
و في هذه الحالة تكون بحاجة أيضاً
ا إلى
كود:
align="char"
.. و هو وسيط جديد
________
charoff
هو إزاحة تطبق على حرف المحاذاة

أممم وهذه كذلك إلى الآن لم أفهمه جيداً تقريباً أطلعت على أكثر من موقع إنجليزي وعربي ولا زلت لم أفهمها ..!

,,

*

headers
قائمة بمعرفات الخلايا
أي احداثياتها كل خلية لها إحداثي نختلف عن الآخر

لما قرأت الدرس من المصدر لم أجد خاصية headers لوسم th ..!

,,

width
لتحديد عر ض الخلايا .

هنا خاصية width من خصائص الوسم th
وتأخذ القيمة أما نسبة مئوية أو بالبكسل .

مثال

كود:

 <tr>
    <th width="20%">Month</th>
    <th width="70%">Savings</th>
  </tr>

كود:

 <tr>
    <th width="200">Month</th>
    <th width="700">Savings</th>
  </tr>

,,

*

وسم <colgroup>

صفحته

http://www.w3schools.com/tags/tag_colgroup.asp

إذا كان لدي جدول فية عمودين الأول للأسماء و الثاني للارقام
كيف أخصص لكل عمود لون أو حجم معين ؟؟؟

وسم colgroup
هذا الوسم يستخدم إذا أردت أن أخصص لكل عمود لون أو حجم أو المحاذاة ..!
أهم خواصه span وقيمته أرقام 1,2,3.... يعني رقم العمود الذي سأخصص له خواص

مثال

موفقه ,

حلو الذكرى · 05-08-2009, 06:53 AM

^
رائع جداً شرحك تبارك الله ..
أحس فتحت بعد شرحك هذا ..
جزيتي الجنان ..


Ma3ali Tube	Be Happy	الجـوال	Ma3ali flickr	الغرفة الصوتية	البطاقات	الصـوتيـات	مركز التحميل	مجلة أجيال

04-08-2009, 09:58 AM	#21
حلو الذكرى اوسمتي مجموع الاوسمة: 1	يوجد تطبيقات رائعة جداً .. عذراً على تأخر تطبيقي " الجميلين الاتصالات قاطعين النت عن العالم كله ".. كود PHP: <html dir="rtl"> <head> <title> حلو الذكرى </title> </head> <body> <br> <br> <h2>  الصف الأول متوسط</h2> <table border="1" cellpadding="5" cellspacing="5" frame="rhs" width="30"> <tr> <th bgcolor="Wheat""><h3>اسم الطالبة</h3></th> <th bgcolor="Wheat"><h3>الدرجة</h3></th> <th bgcolor="Wheat"><h3>النسبة</h3></th> </tr> <tr bgcolor="PaleTurquoise"> <td><h3>هند</h3></td> <td><h3>15</h3></td> <td> </td> </tr> <tr bgcolor="PaleTurquoise"> <td><h3>ريم</h3></td> <td><h3>20</h3></td> <td><h3>100%</h3></td> </tr> </table> </body> </html> فيه أشياء كثيره مافهمته .. قريت بالدرس إن الجداول مهمة ، ما أهميتها .؟
حلو الذكرى اوسمتي مجموع الاوسمة: 1

05-08-2009, 01:55 AM	#24
نُورَان ، الله كريم ❤	^ يا اللــــه ..! كتبت الرد الظهر وأنقطع الإتصال وطار كل شيء ..! سأعيد كتابة الرد بعد قليل ..,
نُورَان ، الله كريم ❤

05-08-2009, 06:53 AM	#26
حلو الذكرى اوسمتي مجموع الاوسمة: 1	^ رائع جداً شرحك تبارك الله .. أحس فتحت بعد شرحك هذا .. جزيتي الجنان ..
حلو الذكرى اوسمتي مجموع الاوسمة: 1

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


منتديات مسلمة النسائية	مساحة إعلانيه

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

الأعضاء الذين قرؤوا الموضوع منذ 30 يوم ( أيام ) : 0 .
الموضوع لم يُقرأ بعد

مناقشة / HTML ( الدرس السادس ) : HTML Tables

مسار الواعدين