منتديات كــــــل شـــيء
اهلا وسهلا بكم جميعا في منتديات كل شيء
يمكنم متابعة لمنتدى ومشاهدة كل جديد بالضغط على اخفاء
وكذالك يمكن للاعضاء الدخول عن طريق زر الدخول..
ويشرفنا زوارنا الاحباء بالتسجيل في منتدانا الغالي بالضغط على تسجيل..
ارجو لكم قضاء وقت ممتع
شكرا لزيارتكم.
منتديات كــــــل شـــيء
اهلا وسهلا بكم جميعا في منتديات كل شيء
يمكنم متابعة لمنتدى ومشاهدة كل جديد بالضغط على اخفاء
وكذالك يمكن للاعضاء الدخول عن طريق زر الدخول..
ويشرفنا زوارنا الاحباء بالتسجيل في منتدانا الغالي بالضغط على تسجيل..
ارجو لكم قضاء وقت ممتع
شكرا لزيارتكم.


منتدى عام متخصص في كل المجالات للتسلية والفائدة
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  
متساوية
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
نظافة عامة ورش مبيدات 0546591817 الزامل
رش مبيدات للحشرات والنظافة العامة الزمل 0548326220
افضل شركات النظافة ونقل الاثاث والمقاولات 0546591817 الضمان
رش مبيدات للحشرات والنظافة العامة الزمل 0548326220
افضل شركات النظافة ونقل الاثاث والمقاولات 0546591817 الضمان
نقل اثاث داخل وخارج المملكة 0599548223 الهلال
نقل اثاث داخل وخارج المملكة 0599548223 الهلال
افضل شركات النظفة ونقل الاثاث والمقاولات 0546591817 الضمان
الزامل لنقل الاثاث والنظافة العامة 0546591817
ستايل احترافي بالتومبيلات
الثلاثاء أكتوبر 30, 2012 6:54 am
الثلاثاء أكتوبر 30, 2012 6:53 am
الثلاثاء أكتوبر 30, 2012 6:53 am
الأحد أكتوبر 21, 2012 7:09 am
الأحد أكتوبر 21, 2012 7:09 am
الأحد أكتوبر 21, 2012 7:08 am
السبت أكتوبر 20, 2012 7:27 am
السبت أكتوبر 20, 2012 7:25 am
السبت أكتوبر 20, 2012 7:24 am
الثلاثاء أكتوبر 09, 2012 11:57 am










متساوية


شاطر | 
 

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
Mr-Veecos
عضوية مرشحه للأشراف
عضوية مرشحه للأشراف


ذكر
عدد المساهمات : 299
نقاط : 9998
نقاط التقيم نقاط التقيم : 5
تاريخ الميلاد : 18/02/1990
تاريخ التسجيل : 07/11/2011
العمر : 34

الدرس الحادي عشر: المزيد حول الجداول   Empty
مُساهمةموضوع: الدرس الحادي عشر: المزيد حول الجداول    الدرس الحادي عشر: المزيد حول الجداول   I_icon_minitimeالإثنين نوفمبر 14, 2011 1:10 pm

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

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

خاصيتان هما colspan وrowspan تستخدمان لإنشاء جداول رائعة ومتقنة.

Colspan هي اختصار "column span"، Colspan تستخدم في الوسم <td> لتحدد عدد الأعمدة التي ستتمدد لها الخلية:

مثال 1:

اقتباس :

<table border="1">
<tr>
<td colspan="3">Cell 1</td>
</tr>
<tr>
<td>خلية 2</td>
<td>خلية 3</td>
<td>خلية 4</td>
</tr>
</table>

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

مثال 2:

اقتباس :

<table border="1">
<tr>
<td colspan="2">خلية 1</td>
<td>خلية 2</td>
</tr>
<tr>
<td>خلية 3</td>
<td>خلية 4</td>
<td>خلية 5</td>
</tr>
</table>

ما هي خاصية rowspan؟

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

مثال 3:

اقتباس :

<table border="1">
<tr>
<td rowspan="3">خلية 1</td>
<td>خلية 2</td>
</tr>
<tr>
<td>خلية 3</td>
</tr>
<tr>
<td>خلية 4</td>
</tr>
</table>

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

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

ربما لا تشعر بالحيرة، إذا قم بإنشاء جدولين واستخدام كل من colspan وrowspan بنفسك.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
osama sami
عضوية مرشحه للأشراف
عضوية مرشحه للأشراف


ذكر
عدد المساهمات : 269
نقاط : 9675
نقاط التقيم نقاط التقيم : 0
تاريخ الميلاد : 10/09/1995
تاريخ التسجيل : 07/01/2012
العمر : 29

الدرس الحادي عشر: المزيد حول الجداول   Empty
مُساهمةموضوع: رد: الدرس الحادي عشر: المزيد حول الجداول    الدرس الحادي عشر: المزيد حول الجداول   I_icon_minitimeالجمعة يناير 27, 2012 5:38 pm

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


ذكر
عدد المساهمات : 400
نقاط : 9756
نقاط التقيم نقاط التقيم : 0
تاريخ الميلاد : 17/05/1990
تاريخ التسجيل : 01/02/2012
العمر : 34

الدرس الحادي عشر: المزيد حول الجداول   Empty
مُساهمةموضوع: رد: الدرس الحادي عشر: المزيد حول الجداول    الدرس الحادي عشر: المزيد حول الجداول   I_icon_minitimeالأربعاء فبراير 01, 2012 11:11 pm

شكرا لك اخى على الموضوع الرائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
الشبكة العربية وابدا
عضوية مرشحه للأشراف
عضوية مرشحه للأشراف


ذكر
عدد المساهمات : 400
نقاط : 9756
نقاط التقيم نقاط التقيم : 0
تاريخ الميلاد : 17/05/1990
تاريخ التسجيل : 01/02/2012
العمر : 34

الدرس الحادي عشر: المزيد حول الجداول   Empty
مُساهمةموضوع: رد: الدرس الحادي عشر: المزيد حول الجداول    الدرس الحادي عشر: المزيد حول الجداول   I_icon_minitimeالأربعاء فبراير 01, 2012 11:12 pm

شكرا لك اخى على الموضوع الرائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

 مواضيع مماثلة

-
» الدرس العاشر: الجداول
» الدرس السادس: المزيد من العناصر
» الدرس التاسع: الصور
» الدرس الأول: لنبدأ
» الدرس الثاني عشر: التصميم (CSS)

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات كــــــل شـــيء :: دورات كل شئ :: دورات كل شئ :: دورة لغة html-

جميع الحقوق محفوظة لـــ منتديات كـــــل شـــيء

©phpBB | انشاء منتدى | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | ملفات تعريف الارتباط التابعة لجهات خارجية | آخر المواضيع