رويـــــال فـــريـــنـــدس
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

رويـــــال فـــريـــنـــدس

اسلاميات | رياضه | اخبار | صور | اغانى | افلام | مسلسلات | فيديوهات | كورسات | تطوير المنتديات | وكل مايخص الموبيل
 
الرئيسيةالمجلهأحدث الصورالتسجيلدخول
الدرس الحادي عشر: المزيد حول الجداول 001uq910
الساده اعضاء رويـــــال فـــريـــنـــدس
نريد ان نعلمكم ان المنتدى يتوفر على رابطين
 https://royalfriends.own0.com
 http://assasi4ever.own0.com
وشكرااااااااااا
By Abu Ali Elassasy


 

 الدرس الحادي عشر: المزيد حول الجداول

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
AbU ALi ElA$Sa$Y
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU ALi ElA$Sa$Y


النادى المفضل : الدرس الحادي عشر: المزيد حول الجداول Logo2425
الجنسيه : الدرس الحادي عشر: المزيد حول الجداول 3dflag10
مزاجك ايه : الدرس الحادي عشر: المزيد حول الجداول 1210
هوايتى : الدرس الحادي عشر: المزيد حول الجداول Chess10
المهنة : الدرس الحادي عشر: المزيد حول الجداول Progra10
الجنس : ذكر
عدد المساهمات : 3295
نقاط العضو : 47581
شعبية العضو : 1740
السمك
الديك
الموقع : عايش فى منتدى العساسيه
العمر : 31
تاريخ التسجيل : 22/05/2009
اوسمتى : الدرس الحادي عشر: المزيد حول الجداول Xxtt8
اوسمتى 2 : الدرس الحادي عشر: المزيد حول الجداول Wafaa
اوسمتى 3 : الدرس الحادي عشر: المزيد حول الجداول Ebda4e_39
دعائى يارب تقبله : الدرس الحادي عشر: المزيد حول الجداول Fp_21

بطاقة الشخصية
شات المنتدى:

الدرس الحادي عشر: المزيد حول الجداول Empty
مُساهمةموضوع: الدرس الحادي عشر: المزيد حول الجداول   الدرس الحادي عشر: المزيد حول الجداول I_icon_minitime11th يونيو 2010, 00:16

الدرس الحادي عشر: المزيد حول الجداول


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

ماذا بقي إذاً؟


خاصيتان هما colspan وrowspan تستخدمان لإنشاء جداول رائعة ومتقنة.
Colspan هي اختصار "column span"، Colspan تستخدم في الوسم
لتحدد عدد الأعمدة التي ستتمدد لها الخلية:

مثال 1:











Cell 1
خلية 2 خلية 3 خلية 4





سيظهر بهذا الشكل في متصفحك

خلية 1
خلية 2 خلية 3 خلية 4



بتحديد colspan بالقيمة "3" قامت الخلية في الصف الأول بالتمدد لثلاثة أعمدة، ولو قمنا بوضع "2" لقيمة colspan ستتمدد لعمودين اثنين، وسيتعين علينا إضافة خلية أخرى للصف الأول حتى تصبح الأعمدة متساوية

مثال 2:












خلية 1 خلية 2
خلية 3 خلية 4 خلية 5





سيظهر بهذا الشكل في متصفحك

خلية 1 خلية 2
خلية 3 خلية 4 خلية 5



ما هي خاصية rowspan؟


كما ربما خمنت، rowspan تحدد عدد الصفوف التي ستقوم الخلية بالتمدد فوقها:

مثال 3:













خلية 1 خلية 2
خلية 3
خلية 4





سيظهر بهذا الشكل في متصفحك

خلية 1 خلية 2
خلية 3
خلية 4



في المثال أعلاه أعطينا الخاصية rowspan القيمة "3"
للخلية 1، هذا يعني أن الخلية يجب أن تتمدد فوق ثلاث صفوف، الصف الذي تقع
فيه الخلية مع صفين آخرين أسفلها، الخلية 1 والخلية2 التان تقعان في نفس
الصف، بينما الخلية 3 والخلية أربع تشكلان صفين منفصلين.

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

ربما لا تشعر بالحيرة، إذا قم بإنشاء جدولين واستخدام كل من colspan وrowspan بنفسك.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://royalfriends.own0.com
hassan_dmar
عضو ماهر
عضو ماهر
hassan_dmar


النادى المفضل : الدرس الحادي عشر: المزيد حول الجداول Logo1114
الجنسيه : الدرس الحادي عشر: المزيد حول الجداول Ps10
مزاجك ايه : الدرس الحادي عشر: المزيد حول الجداول 1210
هوايتى : الدرس الحادي عشر: المزيد حول الجداول Travel10
المهنة : الدرس الحادي عشر: المزيد حول الجداول Studen10
الجنس : ذكر
عدد المساهمات : 184
نقاط العضو : 10673
شعبية العضو : 4
الجدي
الكلب
الموقع : اول لفة على ايديك اليمين
العمر : 29
تاريخ التسجيل : 16/08/2010
اوسمتى : الدرس الحادي عشر: المزيد حول الجداول Empty
اوسمتى 2 : الدرس الحادي عشر: المزيد حول الجداول Empty
اوسمتى 3 : الدرس الحادي عشر: المزيد حول الجداول Empty
دعائى يارب تقبله : الدرس الحادي عشر: المزيد حول الجداول 553bd1df56

الدرس الحادي عشر: المزيد حول الجداول Empty
مُساهمةموضوع: رد: الدرس الحادي عشر: المزيد حول الجداول   الدرس الحادي عشر: المزيد حول الجداول I_icon_minitime17th أغسطس 2010, 00:12

الدرس الحادي عشر: المزيد حول الجداول 881756
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://rock-soul.ahlamontada.net
AbU ALi ElA$Sa$Y
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU Ali ElAsSaSy SiTe EmPeRoR
AbU ALi ElA$Sa$Y


النادى المفضل : الدرس الحادي عشر: المزيد حول الجداول Logo2425
الجنسيه : الدرس الحادي عشر: المزيد حول الجداول 3dflag10
مزاجك ايه : الدرس الحادي عشر: المزيد حول الجداول 1210
هوايتى : الدرس الحادي عشر: المزيد حول الجداول Chess10
المهنة : الدرس الحادي عشر: المزيد حول الجداول Progra10
الجنس : ذكر
عدد المساهمات : 3295
نقاط العضو : 47581
شعبية العضو : 1740
السمك
الديك
الموقع : عايش فى منتدى العساسيه
العمر : 31
تاريخ التسجيل : 22/05/2009
اوسمتى : الدرس الحادي عشر: المزيد حول الجداول Xxtt8
اوسمتى 2 : الدرس الحادي عشر: المزيد حول الجداول Wafaa
اوسمتى 3 : الدرس الحادي عشر: المزيد حول الجداول Ebda4e_39
دعائى يارب تقبله : الدرس الحادي عشر: المزيد حول الجداول Fp_21

بطاقة الشخصية
شات المنتدى:

الدرس الحادي عشر: المزيد حول الجداول Empty
مُساهمةموضوع: رد: الدرس الحادي عشر: المزيد حول الجداول   الدرس الحادي عشر: المزيد حول الجداول I_icon_minitime17th أغسطس 2010, 11:00

شكرررررررررررررر لمرورك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://royalfriends.own0.com
hassan_dmar
عضو ماهر
عضو ماهر
hassan_dmar


النادى المفضل : الدرس الحادي عشر: المزيد حول الجداول Logo1114
الجنسيه : الدرس الحادي عشر: المزيد حول الجداول Ps10
مزاجك ايه : الدرس الحادي عشر: المزيد حول الجداول 1210
هوايتى : الدرس الحادي عشر: المزيد حول الجداول Travel10
المهنة : الدرس الحادي عشر: المزيد حول الجداول Studen10
الجنس : ذكر
عدد المساهمات : 184
نقاط العضو : 10673
شعبية العضو : 4
الجدي
الكلب
الموقع : اول لفة على ايديك اليمين
العمر : 29
تاريخ التسجيل : 16/08/2010
اوسمتى : الدرس الحادي عشر: المزيد حول الجداول Empty
اوسمتى 2 : الدرس الحادي عشر: المزيد حول الجداول Empty
اوسمتى 3 : الدرس الحادي عشر: المزيد حول الجداول Empty
دعائى يارب تقبله : الدرس الحادي عشر: المزيد حول الجداول 553bd1df56

الدرس الحادي عشر: المزيد حول الجداول Empty
مُساهمةموضوع: رد: الدرس الحادي عشر: المزيد حول الجداول   الدرس الحادي عشر: المزيد حول الجداول I_icon_minitime17th أغسطس 2010, 21:32

:)
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://rock-soul.ahlamontada.net
 
الدرس الحادي عشر: المزيد حول الجداول
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الدرس العاشر: الجداول
» الدرس السادس: المزيد من العناصر
» الدرس الاول
» الدرس الثانى
» الدرس الثالث

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
رويـــــال فـــريـــنـــدس :: ––––•(-• اكواد html•-)•––––-
انتقل الى: