تابع معنا أهم أخبار التقنية و مراجعة أهم هاتف و حاسوب متوفر وتعلم سيو الموقع EXE and APK

انشاء موقع او مدونة الدرس الحادي عشر


This browser does not support the video element.

الدرس الحادي عشر: المزيد حول الجداول عنوان الدرس "المزيد حول الجداول" يبدو مملاً بعض الشيء، لكن أنظر للجانب الإيجابي، إذا تمكنت من إتقان إنشاء الجداول فلن يكون هناك أي شيء في 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>




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


خلية 1


خلية 2


خلية 3


خلية 4


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


مثال 2:




 <table border="1">
   <
الأنتقال لعرض المقالة الأصلية بالكامل