دوره تعلم html الدرس الثامن((8))
الجداول 2
خاصيتان هما colspan وrowspan تستخدمان لإنشاء جداول رائعة ومتقنة
Colspan هي اختصار "column span"، Colspan تستخدم في الوسم
مثال
| Cell 1 | ||
| خلية 2 | خلية 3 | خلية 4 |
 | هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 1024x679 . |
بتحديد colspan بالقيمة "3" قامت الخلية في الصف الأول بالتمدد لثلاثة أعمدة، ولو قمنا بوضع "2" لقيمة colspan ستتمدد لعمودين اثنين، وسيتعين علينا إضافة خلية أخرى للصف الأول حتى تصبح الأعمدة متساوية
مثال
| خلية 1 | خلية 2 | |
| خلية 3 | خلية 4 | خلية 5 |
| هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 1024x679 . |
rowspan تحدد عدد الصفوف التي ستقوم الخلية بالتمدد فوقها
مثال
| خلية 1 | خلية 2 |
| خلية 3 | |
| خلية 4 |
انظر للصوره
| هذه الصورة تم تصغيرها . إضغط على هذا الشريط لرؤية الصورة بحجمها الطبيعي . أبعاد الصورة الأصلية 1024x679 . |
أعطينا الخاصية rowspan القيمة "3" للخلية 1، هذا يعني أن الخلية يجب أن تتمدد فوق ثلاث صفوف، الصف الذي تقع فيه الخلية مع صفين آخرين أسفلها، الخلية 1 والخلية2 التان تقعان في نفس الصف، بينما الخلية 3 والخلية أربع تشكلان صفين منفصلين
تابعوا دوره html مع فتي دمياط الاول
http://bit.ly/b1hXqa
الاشتراك في:
تعليقات الرسالة (Atom)
ليست هناك تعليقات:
إرسال تعليق